Aller au contenu

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 😊