Angular

ng g module nom-module

Génère un NgModule Angular.

ng build --watch

Recompile automatiquement à chaque modification.

npm install -g webpack-bundle-analyzer && ng build --stats-json && npx webpack-bundle-analyzer dist/nom-projet/stats.json

Analyse la taille du bundle avec webpack-bundle-analyzer.

ng g c nom-composant --standalone

Génère un composant standalone sans NgModule.

npm install

Installe toutes les dépendances du projet Angular.

ng generate component nom-composant

Génère un composant Angular avec ses fichiers associés.

ng g class models/user

Génère une classe TypeScript.

ng serve --open

Lance le serveur et ouvre le navigateur automatiquement.

ng generate @angular/core:standalone

Migre automatiquement les composants vers le mode standalone.

ng build

Compile l'application pour la production dans /dist.

ng g c nom-composant

Alias court pour générer un composant Angular.

ng g module nom-module --routing

Génère un module avec son fichier de routing.

ng version

Affiche les versions Angular CLI et des packages installés.

ng add @ngrx/store

Installe NgRx Store pour la gestion d'état.

npm install -g @angular/cli

Installe Angular CLI globalement sur la machine.

ng generate @angular/core:control-flow

Migre les *ngIf/*ngFor vers la nouvelle syntaxe @if/@for (Angular 17+).

npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init

Installe et initialise TailwindCSS dans le projet.

ng serve --host 0.0.0.0

Expose le serveur sur le réseau local.

npm list --depth=0

Affiche les dépendances directes du projet.

ng build --configuration=production

Build en spécifiant la configuration cible.