VUE环境搭建(WINDOWS)

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sundehui01/article/details/83654996

一、安装nodejs

前往node.js官网下载并安装工具，这里安装路径选到D:\JAVA\nodejs，安装完毕在命令行输入以下命令测试是否安装成功，正确会出现版本号

node -v
npm -v

如下图：

二、改变原有环境变量

(1)我们要先配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置

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

(2)在系统环境变量添加系统变量NODE_PATH，输入路径D:\JAVA\nodejs\node_global\node_modules，此后所安装的模块都会安装到改路径下  

三、安装淘宝npm（cnpm）

输入以下命令

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

安装完成查看版本

cnpm -v

如果失败的话，添加PATH环境变量  PATH=D:\JAVA\nodejs\node_global;

四、安装express(非必须)

安装命令

npm install express -g

五、安装webpack  

安装命令   时间略长

npm install webpack -g
webpack -v

 查看版本

webpack -v

 六、安装vue-cli

npm install --global vue-cli
vue -V (V要大写)

  

npm install -g webpack
npm install vue-cli -g
npm install -g webpack-cli
npm install -g webpack-merge
npm install --save extract-text-webpack-plugin
npm install eslint
npm install eslint-friendly-formatter --save