Un grand merci pour votre visite !
Obtenez le guide ultime pour bien débuter en programmation !

- Choisissez la meilleure approche pour apprendre à coder
- Découvrez comment rester motivée
- Une astuce unique pour devenir un-e meilleur-e développeur-euse
Nous allons commencer sans Visual Studio pour ce premier projet Angular. Nous verrons dans de prochains articles comment le faire avec Visual Studio.
Avant tout, configurons le tout.
Pour suivre le projet, voici le projet github, en cours de développement.
> scripts “build” : tsc => compilateur Type Script. –p pour project ou application.
> scripts “lite-server –c” : utilisation d’un server web light dédié pour les PWA
> scripts “starts” => lancement appli
Nous allons avoir :
“@angular/forms”: “^6.0.3” : tout ce qui est des formulaires
Nous allons trouver :
System.js est un moteur de chargement des modules EcmaScripts. Les modules javascript sont ainsi organisés et chargés automatiquement grâce à ce moteur javascript.
Le plus important dans ce fichier c’est la partie “map”. Elle permet de définir des raccourcis d’appel quand on importera nos modules.
En fait ce fichier est nécessaire si l’on n’utilise pas le Angular CLI.
Puis nous avons besoin de paramétrer notre moteur TypeScript avec le fichier tsconfig.json.
Nous pouvons entre autre définir si nous allons générer du javascript es5 ou es6.
Ici, nous serons sur de l’es6.
Uniquement durant le développement, nous allons utiliser un serveur web lite : lite-server.
Nous devons ajouter un fichier bs-config.json.
Pour télécharger tous les modules, lancez la commande : npm install.
Il est tentant d‘utiliser la commande ng add component.
Or, vu que nous n’avons pas de fichier angular.json, le moteur angular CLI nous le réclame :
Local workspace file (‘angular.json’) could not be found.
Error: Local workspace file (‘angular.json’) could not be found.
En effet, nous sommes passés sur la version 6.0 d’Angular, et tout le moteur a changé.
Il nous faut ajouter un fichier : angular.json, si l’on veut utiliser le angular CLI.
Une convention adoptée pour les projets Angular : Un dossier src contenant un dossier app.
Dans src, nous allons déplacer les fichiers :
Dans app, nous aurons les composants et les modules.
Prochaine étape : on crée notre module et notre composant.
Votre guide GRATUIT pour bien débuter la programmation !
Tout ce qu'il faut pour bien démarrer ! 🙂
Un grand merci pour votre visite !
Obtenez le guide ultime pour bien débuter en programmation !
Inscrivez-vous pour obtenir votre guide !
Votre guide GRATUIT pour bien commencer la programmation !