Angular 22 cheatsheet

Angular 22: Angular CLI

12 common Angular 22 tasks.

Install the Angular CLI

Install the command-line tool globally.

npm install -g @angular/cli

Create a new workspace with an application.

ng new my-app

Build and serve the app with live reload at http://localhost:4200.

ng serve

Start the dev server on a given port and open the browser.

ng serve --port 4300 --open

Create a component with its template, styles and test.

ng generate component users/user-card

Create an injectable service.

ng generate service services/auth

List the files without writing anything.

ng generate component users/user-card --dry-run

Generate a route guard, pipe, directive or interface.

ng generate guard auth
ng generate pipe truncate
ng generate directive highlight
ng generate interface user

Create an optimized build in dist.

ng build

Run the unit tests with the configured test runner.

ng test

Install a package and run its setup, for example Angular Material.

ng add @angular/material

List available updates, then update the core packages.

ng update
ng update @angular/core @angular/cli