generate application
ng generate application
ng generate app
Generates a new Angular application within your workspace. This schematic sets up the foundational structure of your project, including the root component, module, and configuration files. You can customize various aspects of the application, such as routing, styling, and testing.
Arguments
name
The name for the new application. This name will be used for the project directory and various identifiers throughout the application's code.
string
Options
experimental-zoneless
Generate an application that does not use zone.js
.
boolean
Defaultfalse
inline-style
s
Include the styles for the root component directly within the app.component.ts
file. Only CSS styles can be included inline. By default, a separate stylesheet file (e.g., app.component.css
) is created.
boolean
inline-template
t
Include the HTML template for the root component directly within the app.component.ts
file. By default, a separate template file (e.g., app.component.html
) is created.
boolean
minimal
Generate a minimal project without any testing frameworks. This is intended for learning purposes and simple experimentation, not for production applications.
boolean
Defaultfalse
prefix
p
A prefix to be added to the selectors of components generated within this application. For example, if the prefix is my-app
and you generate a component named my-component
, the selector will be my-app-my-component
.
string
Defaultapp
project-root
The directory where the new application's files will be created, relative to the workspace root. If not specified, the application will be created in a subfolder within the projects
directory, using the application's name.
string
routing
Generate an application with routing already configured. This sets up the necessary files and modules for managing navigation between different views in your application.
boolean
Defaulttrue
server-routing
Set up a server application using the Server Routing and App Engine APIs (Developer Preview).
boolean
skip-install
Skip the automatic installation of packages. You will need to manually install the dependencies later.
boolean
Defaultfalse
skip-package-json
Do not add dependencies to the package.json
file.
boolean
Defaultfalse
skip-tests
S
Skip the generation of a unit test files spec.ts
.
boolean
Defaultfalse
ssr
Configure the application for Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering).
boolean
Defaultfalse
standalone
Create an application that utilizes the standalone API, eliminating the need for NgModules. This can simplify the structure of your application.
boolean
Defaulttrue
strict
Enable stricter bundle budget settings for the application. This helps to keep your application's bundle size small and improve performance. For more information, see https://angular.dev/tools/cli/template-typecheck#strict-mode
boolean
Defaulttrue
style
The type of stylesheet files to be created for components in the application.
string
Defaultcss
view-encapsulation
Sets the view encapsulation mode for the application's components. This determines how component styles are scoped and applied.
string