Préparation de l'environnement de développement | إعداد بيئة التطوير | Preparing dev environment
Автор: Application Angular | Web API ASP NET CORE
Загружено: 2024-07-16
Просмотров: 57
Описание:
Préparation de l'environnement de développement
1 - Installation VSCode ( L'EDE il existe plusieurs):
Télécharger Visual Studio Code from https://code.visualstudio.com/download
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 https://nodejs.org/en/download/packag... (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)
https://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 https://www.typescriptlang.org/fr/dow... (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 https://code.visualstudio.com/download
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 https://nodejs.org/en/download/packag... (LTS == latest version)
Install Node.js
Select npm in the installation options. (npm === node package manager)
https://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 https://www.typescriptlang.org/fr/dow... (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
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: