CLI angulaire - Configuration de l'environnement

Pour travailler avec Angular CLI, nous devons avoir Node installé sur notre système.

Télécharger l'archive Node.js

Télécharger la dernière version de Node.js fichier d'archive installable de Node.js Téléchargements . Au moment de la rédaction de ce didacticiel, voici les versions disponibles sur différents systèmes d'exploitation.

OS	Nom de l'archive
les fenêtres	node-v6.3.1-x64.msi
Linux	node-v6.3.1-linux-x86.tar.gz
Mac	node-v6.3.1-darwin-x86.tar.gz
SunOS	node-v6.3.1-sunos-x86.tar.gz

Installation sous UNIX / Linux / Mac OS X et SunOS

En fonction de l'architecture de votre système d'exploitation, téléchargez et extrayez l'archive node-v6.3.1-osname.tar.gz dans / tmp, puis déplacez enfin les fichiers extraits dans le répertoire / usr / local / nodejs. Par exemple:

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

Ajoutez / usr / local / nodejs / bin à la variable d'environnement PATH.

OS	Production
Linux	export PATH = $ PATH: / usr / local / nodejs / bin
Mac	export PATH = $ PATH: / usr / local / nodejs / bin
FreeBSD	export PATH = $ PATH: / usr / local / nodejs / bin

Installation sous Windows

Utilisez le fichier MSI et suivez les invites pour installer Node.js. Par défaut, le programme d'installation utilise la distribution Node.js dans C: \ Program Files \ nodejs. Le programme d'installation doit définir le répertoire C: \ Program Files \ nodejs \ bin dans la variable d'environnement PATH de la fenêtre. Redémarrez toutes les commandes ouvertes pour que la modification prenne effet.

Vérifier l'installation: exécution d'un fichier

Créez un fichier js nommé main.js sur votre machine (Windows ou Linux) ayant le code suivant.

/* Hello, World! program in node.js */
console.log("Hello, World!")

Exécutez maintenant le fichier main.js à l'aide de l'interpréteur Node.js pour voir le résultat -

$ node main.js

Si tout va bien avec votre installation, cela devrait produire le résultat suivant -

Hello, World!

Maintenant que Node est installé, exécutez la commande suivante pour installer Angular CLI.

Utilisons la commande suivante pour la même chose -

npm install -g @angular/cli

Vérifiez l'installation

Maintenant, exécutez la commande suivante pour voir le résultat -

$ ng --version

Si tout va bien avec votre installation, cela devrait produire le résultat suivant -

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

Sous Windows, si ng n'est pas reconnu comme commande interne ou externe, mettez à jour la variable de chemin système pour inclure le chemin suivant.

C:\Users\<User Directory>\AppData\Roaming\npm