C'est parti, tu peux créer ton projet Angular !
ng new
Pour cela rien de plus simple : place-toi où tu souhaites ajouter ton nouveau projet, ouvre un terminal et lance :
ng new ton-super-nom-de-projet --skip-tests=true
On te pose alors deux questions, utilise les flèches de ton clavier pour répondre :
Which stylesheet format would you like to use? (Use arrow keys)
Sass (SCSS) [ https://sass-lang.com/documentation/syntax#scss ]
Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? (y/N)
N
Angular va initialiser ton projet et créer tout un tas de fichier (sans les fichiers de test en .spec.ts
, car on l'a précisé en option avec --skip-tests=true).
Une fois que c'est terminé, ouvre ton projet dans ton IDE.
On ajoute Bootstrap
Pour développer plus rapidement, on utilise des librairies de style et de composants. Il en existe plusieurs : Angular Material, Bootstrap, Tailwind ... Nous avons choisi Bootstrap pour ce projet. Pour le mettre en place :
- ouvre le terminal de ton IDE et lance
npm install bootstrap@5.3.3
- dans le ficher
style.scss
, ajoute en premier@import "bootstrap";
Lance ton projet
Pour ça, juste un ng serve
dans un terminal et tout est bon ⭐
Ton projet est disponible sur http://localhost:4200/.
Tip
Regarde, Angular a codé plein de choses pour toi et notamment des liens, comme la documentation que tu peux garder sous le coude 😊