By: Evan Boissonnot
19 novembre 2018
Lorsque l’on débute en Angular, on a deux choix pour commencer un projet : soit le créer from scratch, soit utiliser le ng new.
Ici, nous allons parler de l’outil très puissant proposé par Angular : ng new.
Une présentation
Organiser un projet Angular, lorsque l’on débute ou que l’on ne sait pas trop comment faire, peut être un vrai parcours du combattant.
Angular propose une commande, avec le Angular CLI :
– ng new
Il va vous permettre de créer un projet Angular, avec toute l’architecture des fichiers et des dossiers, qui est attendue, par défaut, dans Angular.
Par exemple, il va créer, entre autres :
- le dossier src, contenant le code angular et le dossier app
- le dossier src/app, représentant l’application en elle-même, avec les modules, les components
- le dossier e2e, représentant le dossier de tests : End 2 (two) End tests.
Et d’autres fichiers, comme :
- main.ts : représentant le fichier principal qui sera appelé au démrarrage
- angular.json : définit tous les fichiers, les actions pour lancer, gérer le projet angular.
Comment l’utiliser
Vous pouvez l’appeler avec ng new, ou bien ng n.
Important : vous devez choisir un nom de projet avec la commande.
Ses options
Vous avez plusieurs options pour améliorer la création d’un projet angular :
- –minimal=true, pour crĂ©er le projet sans la partie test (pas bien …
) - –routing=true, avec un module de routing dĂ©jĂ crĂ©Ă©
- –style=css, dĂ©finir le style utilisĂ© par dĂ©faut
___
Demain on continue avec la suite de notre aventure sur un projet angular !
