VUE安装教程及问题

VUE安装教程及问题：

引用：https://www.cnblogs.com/xiaofeidu/p/13724364.html

1、首先下载node.js：

node.js下载地址：http://nodejs.cn/download/current/

2、安装成功后一直下一步直至完成打开cmd查看是否成功：

node -v   //查看node版本
npm -v    //查看npm版本

下图就是安装成功图示

3、配置npm在安装全局模块时的路径和缓存cache的路径：

因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理管理，
所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache，如图所示：

然后在cmd命令下执行如下两个命令：

npm config set prefix "D:\Program Files\nodejs\node_global"   

npm config set cache "D:\Program Files\nodejs\node_cache"

接下来设置环境变量：

用户变量设置：将用户变量中 PATH 的值改成 D:\Program Files\nodejs\node_global，没有PATH，可以直接添加。

系统变量设置：添加变量 NODE_PATH 值为：D:\Program Files\nodejs\node_modules

执行npm install express -g 后，查看node_global 文件夹

4、安装VUE：

分别运行一下命令：

npm config set registry https://registry.npm.taobao.org		#使用淘宝npm镜像，速度可以快些

npm install vue -g		#这里的-g是指安装到global全局目录去

npm install vue-router -g

npm install vue-cli -g		#安装vue脚手架

vue -V		#注意这里的v是大写的V，查看vue版本

如图所示，vue安装成功