Angular CLI

npm install -g @angular/cli

Verify installation:

ng version

ng new my-app

With options:

ng new my-app --routing --style=scss
ng new my-app --minimal --skip-tests
ng new my-app --standalone --ssr
ng new my-app --package-manager=pnpm

ng new my-app
cd my-app
ng serve --open

Opens browser at localhost:4200

Minimal setup:

ng new my-app --minimal --skip-tests

With routing and SCSS:

ng new my-app --routing --style=scss

SSR with pnpm:

ng new my-app --ssr --package-manager=pnpm

Standalone with no SSR:

ng new my-app --standalone --ssr=false

ng g component my-component
ng g c my-component

With options:

ng g c my-component --standalone
ng g c my-component --inline-template
ng g c my-component --flat --skip-tests
ng g c my-component --style=scss

ng g service my-service
ng g s my-service

With path:

ng g s services/my-service

ng g module my-module
ng g m my-module

With routing:

ng g m my-module --routing

ng g directive my-directive    # ng g d
ng g pipe my-pipe              # ng g p
ng g guard my-guard            # ng g g
ng g interceptor my-interceptor
ng g interface my-interface
ng g class my-class
ng g enum my-enum
ng g resolver my-resolver
ng g library my-lib
ng g application my-app

Inline component:

ng g c my-component -t -s --flat

No tests:

ng g c my-component --skip-tests

OnPush change detection:

ng g c my-component --change-detection=OnPush

Start dev server:

ng serve
ng serve --open

Aliases: ng dev, ng s

Custom port:

ng serve --port 8080

External access:

ng serve --host 0.0.0.0

HTTPS:

ng serve --ssl

With proxy:

ng serve --proxy-config proxy.conf.json

Production build:

ng build

Alias: ng b

Development build:

ng build --configuration development
ng build -c dev

Custom output:

ng build --output-path dist/my-app

With source maps:

ng build --source-map

Watch mode:

ng build --watch

Bundle analysis:

ng build --stats-json

Run tests:

ng test

Alias: ng t

With coverage:

ng test --coverage

Single run:

ng test --watch=false

Vitest UI:

ng test --ui

Headless browser:

ng test --browsers=ChromeHeadless

Check for updates:

ng update

Update Angular:

ng update @angular/core @angular/cli

Update to next/beta:

ng update @angular/core --next

Add Angular Material:

ng add @angular/material

Add PWA:

ng add @angular/pwa

Add Firebase:

ng add @angular/fire

Add ESLint:

ng add @angular-eslint/schematics

ng add @angular/material
ng add @angular/pwa
ng add @angular/fire
ng add @angular/localize
ng add @angular-eslint/schematics
ng add @ngrx/store
ng add @ng-bootstrap/ng-bootstrap

Add linter first:

ng add @angular-eslint/schematics

Run linter:

ng lint

Fix automatically:

ng lint --fix

Deploy (requires builder):

ng deploy

Examples:

ng add @angular/fire
ng deploy

View config:

ng config

Set package manager:

ng config cli.packageManager yarn
ng config cli.packageManager pnpm

Toggle analytics:

ng analytics on
ng analytics off

Clear cache:

ng cache clean

Cache info:

ng cache info

Open docs:

ng doc HttpClient
ng doc RouterModule

Shell completion:

ng completion

Run custom builder:

ng run project:target:config

Show versions:

ng version

Create proxy.conf.json:

{
  "/api/**": {
    "target": "http://localhost:3000",
    "secure": false,
    "changeOrigin": true
  }
}

Start with proxy:

ng serve --proxy-config proxy.conf.json

{
  "/api/**": {
    "target": "http://localhost:3000",
    "secure": false,
    "changeOrigin": true,
    "pathRewrite": {
      "^/api": ""
    },
    "logLevel": "debug"
  }
}

Basic structure:

{
  "projects": {
    "my-app": {
      "architect": {
        "build": {
          "builder": "@angular/build:application",
          "options": {
            "outputPath": "dist/my-app",
            "index": "src/index.html",
            "browser": "src/main.ts",
            "styles": ["src/styles.css"],
            "scripts": []
          },
          "configurations": {
            "production": {
              "optimization": true,
              "sourceMap": false
            },
            "development": {
              "optimization": false
            }
          }
        }
      }
    }
  }
}

Add custom config:

{
  "configurations": {
    "staging": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.staging.ts"
        }
      ]
    }
  }
}

Use it:

ng build --configuration staging
ng serve -c staging

⚠️ --standalone=true is default (Angular 19+)

⚠️ Vitest is default test runner (Angular 18+)

⚠️ No default linter — must ng add @angular-eslint/schematics

⚠️ Guards are functional by default (not class-based)

⚠️ --prod deprecated → use --configuration production

⚠️ Proxy config changes require ng serve restart

⚠️ Build budgets in angular.json can fail builds

⚠️ ng generate defaults configurable in angular.json schematics

⚠️ Port 4200 must be available for ng serve

⚠️ Global CLI and local CLI versions should match