Préparation de l'environnement de développement
1 - Installation VSCode ( L'EDE il existe plusieurs):
- Télécharger Visual Studio Code from code.visualstu...
- J'ai VSCode installé donc j'aurai pas besoin de reinstaller à nouveau.
2 - Installation Node.js et npm (les deux ensemble) (npm === node package manager)
- Télécharger Node.js from nodejs.org/en/... (LTS == latest version)
- NodeJS est une bibliothèque JavaScript et un environnement d'exécution open source multiplateforme.
- Vous pouvez l'utiliser pour exécuter des applications Web en dehors du navigateur du client.
- Installer Node.js
- j'ai la version 20.11 on une nouvelle version 20.15
- Selectioner npm dans les options d'installation. (npm === node package manager)
- docs.npmjs.com/ (NPM Documentation)
- npm init -y
- npm install === npm i (aliases: add, i, in, ins, inst, insta, instal, isnt, isnta, isntal, isntall) toutes les alias font la même commande.
- J'ai node installé donc j'aurai pas besoin de changer la version présentement.
3 - Installer TypeScript Globalement (Pour l'utiliser dans n'importe quel projet) non dans le projet (Localement):
- Télécharger TypeScrip www.typescript... (tsc type script)
- npm install -g typescript (-g == global , --save-dev == local)
- tsc -v (voir la version installée)
- tsc (compiler le projet)
- tsc commande pour complier le projet
4 - Installer Angular CLI Globalement (CLI == Command Line Interface == Tools) (Globalement : Pour l'utiliser dans n'importe quel projet et l'import où):
- npm install -g @angular/cli (-g == global , --save-dev == local)
- ng help (Pour consulter les commandes du Angular CLI)
- ng version (voir les versions installées dans ton poste)
- Angular CLI: 17.1.1
- Node: 20.11.0
- Package Manager: npm 10.4.0
- nouvelle version
- Angular CLI: 18.1.0
- Node: 20.11.0
- Package Manager: npm 10.4.0 - ng new --help (consulter l'aide de la commande new d'angular)
- ng new --help (pour consulter l'aide de la commande)
- ng new --no-standalone ApplicationAngular
- ng serve (pour lancer l'application angular)
- ng test (pour lancer les test unitaire de l'application angular) CTR+C pour arrêtre l'execution
- il reste encore plusieurs comandes pour angular cli
"test": "ng test", pour lancer les tests via npm
"start":"ng serve --open --port=3000" pour lancer l'application via npm // --open pour l'ouvir dans le navigateur
le port 4200 c'est le port par Default
Preparing the development environment
1 - VSCode installation (EDE there are several):
- Download Visual Studio Code from code.visualstu...
- I have VSCode installed so I won't need to reinstall again.
2 - Installation of Node.js and npm (both together) (npm === node package manager)
- Download Node.js from nodejs.org/en/... (LTS == latest version)
- Install Node.js
- Select npm in the installation options. (npm === node package manager)
- docs.npmjs.com/ (NPM Documentation)
-npm init -y
- npm install === npm i
3 - Install TypeScript Globally (To use it in any project) not in the project (Locally):
- Download TypeScrip www.typescript... (tsc type script)
- npm install -g typescript (-g == global, --save-dev == local)
- tsc -v (see installed version)
- tsc (compile the project)
- tsc command to complete the project
4 - Install Angular CLI Globally (CLI == Command Line Interface == Tools) (Overall: To use it in any project and import where):
- npm install -g @angular/cli (-g == global, --save-dev == local)
- ng help (To consult the Angular CLI commands)
- ng version (see the versions installed on your computer)
- Angular CLI: 17.1.1
- Node: 20.11.0
- Package Manager: npm 10.4.0
- New version
- Angular CLI: 18.1.0
- Node: 20.11.0
- Package Manager: npm 10.4.0 - ng new --help (see Angular new command help)
- ng new --help (to consult the command help)
- ng new --no-standalone ApplicationAngular
- ng serve (to launch the Angular application)
- ng test (to launch unit tests of the Angular application) CTR+C
- there are still several commands for angular cli
"test": "ng test", to run tests via npm
"start":"ng serve --open --port=3000" to launch the application via npm
Негізгі бет Préparation de l'environnement de développement | إعداد بيئة التطوير | Preparing dev environment
Пікірлер: 1