1.基于vue+element_ui 构建新项目——前期准备工作

一、安装Note.js省略

二、设置nodejs prefix（全局）和cache（缓存）路径

1、在nodejs安装路径下，新建node_global和node_cache两个文件夹

2、设置缓存文件夹

npm config set cache "D:\develop_software\Nodejs10.15.3\node_cache"

　设置全局模块存放路径

npm config set prefix "D:\develop_software\Nodejs10.15.3\node_global"

设置成功后，之后用命令npm install XXX -g安装以后模块就在E:\develop_software\Nodejs10.15.3\node_global里

三、基于 Node.js 安装cnpm（淘宝镜像）

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

四、设置环境变量

1.NODE环境变量

2.新增NODE_PATH变量

五、安装 cnpm install vue -g

如果安装的时候报错

将cnpm文件夹移动至npm所在的文件夹下，再将cnpm和cnpm.cmd文件移至npm与npm.cmd所在的文件夹即可解决问题

原路径:

移动后:

六、安装vue命令行工具，即vue-cli 脚手架

cnpm install vue-cli -g                                                                             

 执行 vue -V 查看是否安装成功

 如果出现 'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

找到自己的安装目录手动配置到环境变量中

 再执行就可以了

同时执行

可能会报错

如果报这个错,检查自己是不是配置了hadoop home. 因为 vue cli 内置了yarn所以会造成冲突，

需要删除hadoop的环境环境变量,然后重启电脑