VUE安装教程及问题:
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安装成功