Comment configurer l'environnement de développement angulaire dans l'environnement Windows

Node.js

---

L'installation

Node.js est plus pratique Accédez directement au téléchargement officiel de Node.js et suivez les étapes. Installez-le simplement

Vous pouvez l'installer dans n'importe quel répertoire, tel que

D:\nodejs\

Node.js qui l'accompagne npm, il n'est donc pas nécessaire de l'installer

Ouvrez cmd Terminal, utilisez la commande suivante pour vérifier si l'installation Node.js a réussi :

node -v
npm -v

Si le numéro de version apparaît, cela signifie que l'installation Node.js a réussi

Configurer

Configurer le préfixe et le cache

Utilisez la commande suivante pour afficher la configuration de npm

npm config ls

Vous pouvez voir que npm a initialement placé le téléchargé les packages de dépendances et le cache dans le lecteur C, ce qui est évidemment inapproprié Oui, mais vous pouvez configurer ces deux répertoires

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

Configurer les variables d'environnement

Cliquez avec le bouton droit sur "Ordinateur" -> "Propriétés" -> "Paramètres système avancés" ->" Variable d'environnement "

Dans 系统变量, définissez NODE_PATH, la valeur est

D:\nodejs\node_global\node_modules\

Dans 用户变量 , modifiez path, ajoutez

D:\nodejs\node_global\

Changez la source miroir npm

Étant donné que la source initiale de npm vient de l'étranger, la vitesse peut être un peu lente

Vous pouvez configurer le miroir de Taobao cnpm ici, et plus tard npmLa commande peut être modifiée en cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

Si vous choisissez le miroir cnmp de Taobao, vous devez le configurer pour assurer le téléchargement normal des outils

ng set --global packageManager = cnpm

Typescript

---

Exécuter la commande suivante

npm install -g typescript typings

Vérifier le numéro de version

tsc -v

Angular-cli

---

angular-cliC'est le framework Angular officiel Un outil de construction, le noyau est webpack, et npm est utilisé comme package de dépendances

Exécuter le commande suivante

npm install -g @angular-cli

Vérifier le numéro de version

ng -v

Créer un projet

---

peut créer un espace de travail sous nodejs

md D:\nodejs\workspace

puis entrez dans l'espace de travail

cd D:\nodejs\workspace

pour créer un nouveau projet

ng new hello-world

Puis démarrez le service dans le dossier hello-world

ng serve

Le service Angular écoute le port 4200 par défaut, ouvrez le navigateur, saisissez

localhost:4200

ou saisissez directement la commande suivante Ouvrez le navigateur par défaut

ng serve --open

Si une page réussie apparaît, elle signifie que toutes les configurations sont réussies

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!