Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

ng generate --help

Building

To build the project run:

ng build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

Running unit tests

To execute unit tests with the Vitest test runner, use the following command:

ng test

Running end-to-end tests

For end-to-end (e2e) testing, run:

ng e2e

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

Configuration spécifique au projet EnerVision

Le squelette applicatif n'est pas versionné à la main : il a été généré par Angular CLI avec la commande suivante, depuis apps/ :

npx --yes @angular/cli@latest new frontend \
  --directory frontend \
  --style=scss \
  --routing \
  --ssr=false \
  --package-manager=npm \
  --skip-git

Points à vérifier après toute regénération :

Pointer l'API dans src/environments/ sur http://localhost:8000/api/v1.
Ajouter le proxy de développement (proxy.conf.json) vers le backend.
Vérifier que npm start sert bien sur le port 4200, valeur par défaut d'APP_CORS_ORIGINS côté backend. Le docker-compose.yml n'a aucun service frontend.
Ajouter le Dockerfile multi-stage (build Angular puis service statique nginx).

Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.