Vue的安装与配置

Vue的安装与配置

1.进入nodejs官网，下载LTS版本nodejs,进入安装程序后一路next

下载完后输入如下命令判断是否安装成功

node -v
npm -v

2.在nodejs安装路径下新建两个文件夹分别命名为node_global和node_cache，然后输入如下命令修改下载缓存路径

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

3.环境变量配置

配置用户变量Path

添加系统变量NODE_PATH

检查系统变量的Path下是否有如图所示变量，理论上nodejs下载完后会自动配置，若无则需自行手动配置

4.cmd管理员模式下输入如下命令查看并修改下载路径为淘宝镜像

npm config get registry 	//查看原始路径 
npm config set registry https://registry.npm.taobao.org/	

5.cmd管理员模式下输入如下命令下载cnpm

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

输入如下命令检查cnpm是否安装成功

cnpm -v

6.cmd管理员模式下输入如下命令安装vue

npm install vue -g

7.cmd管理员模式下输入如下命令安装vue脚手架

npm install -g @vue/cli

8.cmd管理员模式下输入如下命令安装webpack

npm install -g webpack

9.找到nodejs目录下的node_cache和node_global文件夹，修改用户权限