Préparation de l'environnement Vue
Tout d'abord, vous devez clarifier à quoi servent les trois éléments suivants :
- npm : gestionnaire de packages sous Nodejs
- webpack : son objectif principal est de faire des préparations correspondantes pour toutes les ressources statiques qui doivent être publiées du côté du navigateur via la syntaxe de CommonJS, telles que la fusion et l'empaquetage des ressources
- vue-cli : modèle de projet Vue généré par l'utilisateur
téléchargement et installation de nodejs
Allez d'abord sur le site officiel pour télécharger.
Une fois le téléchargement terminé, double-cliquez pour installer :
Vérifiez si l'installation a réussi :
configuration
L'entrepôt local de npm sera sur le lecteur C par défaut, nous devons donc modifier la configuration.
Créez deux nouveaux dossiers sous le répertoire d'installation de nodejs :
puis exécutez les deux instructions suivantes :
npm config set prefix "D:\softwares\Study\NodeJS\node_global"
npm config set cache "D:\softwares\Study\NodeJS\node_cache"
Afin d'améliorer la vitesse de téléchargement, vous pouvez configurer une station miroir :
npm config set registry=http://registry.npm.taobao.org #配置镜像站
npm config get registry #检查一下有没有配置好
Ouvrez le fichier .npmrc sous C:\Users\Administrator, vous pouvez voir les informations de configuration que nous venons d'avoir :
Remarque : Le chemin par défaut du module D:\softwares\Study\NodeJS\node_modules sera remplacé par D:\softwares\Study\NodeJS\node_global\node_modules, nous devons donc configurer les variables d'environnement :