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.
Une newsletter pleine de curiosité ça vous dit ?!
Les dernières news sur .net, C#
Des astuces de code
Comment améliorer la qualité dans vos logiciels
Des news sur angular, vuejs, typescript, ...
Vous êtes bloqué-e ? Difficile de progresser ?
Vous avez besoin de passer des étapes ?
Vous souhaitez enfin réussir à bien coder ?
Nous non plus on n'aime pas les spams. Votre email est gardé bien au chaud, pour des infos autour du code, de la formation, et des news de devtobecurious, c'est tout :)
GRATUIT - Ta newsletter - Inscris-toi vite ! Des astuces, des nouveautés, rien que pour toi !