//installer la CLI angular (1 seule fois)
npm install -g @angular/cli
//creer l'espace de travail :
ng new my-app
//ng new my-app --skipTests=true --style=css
//lancer sur le navigateur :
cd my-app
ng serve --open
//si on veux utiliser bootstrap avec angular :
npm i jquery popper.js bootstrap
//dans le fichier angular.json il faut aller au niveau de "styles"
// et rajouter le chemin de boostrap ;
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
//IDEM pour le JS de boostrap :
"scripts": [
"node_modules/bootstrap/dist/css/bootstrap.min.js"
]
//ou alors dans polyfills.ts on rajoute :
import "jquery";
import 'popper.js';
import 'bootstrap';
//generer un composant :
ng generate component nom_du_composant
//genere un service
ng generate service nom_du_service
//generer un module
ng generate module vehicule --module=app --routing
//pour l'inscrire dans app.module.ts et app-routing..
Le module racine se nomme par convention AppModule.
Le composant racine se nomme par convention AppComponent.
L'ordre de chargement de l'application est le suivant : index.html > main.ts > app.module.ts > app.component.ts.
Le fichier package.json initial est fourni avec des commandes prêtes à l'emploi comme la commande npm start, qui nous permet de démarrer notre application web.
