Vue脚手架安装

vue脚手架安装及路径修改

一、安装node.js

例如我的安装路径为：D:\tool\nodejs；

node -v 检查当前node的版本；

npm -v 检查当前npm的版本;

有版本信息输出则为安装成功。

二、修改node_global和node_cache资源路径

修改node_global和node_cache资源路径的目的是防止默认安装在C盘,分别执行以下代码

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

三、安装淘宝镜像

默认下载路径比较慢，安装淘宝镜像可加快下载速度，运行以下代码

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

安装成功后输入 npm config list 查询已安装信息，npm config get registry 检查一下镜像站是否切换为淘宝镜像命令，部分人安装后却发现镜像并未更改，这时候需要修改C:\Users\Administrator.npmrc目录的文件以永久使用淘宝镜像，在文件中添加

registry=http://registry.npm.taobao.org

四、全局安装vue脚手架

分别执行以下代码，webpack为打包

npm install -g @vue/cli//全局安装脚手架
npm i webpack@3.12.0 -g//全局安装webpage3.12.0稳定版

有部分人安装可能会出现错误，可能是由于npm版本过低，解决方法执行

npm install npm -g//检查npm安装或更新命令（可不操作）

更新成功后再执行上面代码

五、配置环境变量

1.重启cmd，一定要重启，不然看不到版本信息，反正我安装后是这样；

2.当执行前面操作后vue脚手架已安装成功，下面是版本或帮助信息

vue   ## 查看 vue 相关帮助信息
vue --version 或 vue -V  ## 查看安装的 vue cli 版本信息

3、执行后有版本信息输出则说明vue脚手架安装成功，到这里有些人会遇到不是内部或外部命令，也不是可运行的程序或批处理文件的提示，这是因为你已经把node_global和node_cache资源路径修改到了D盘，默认为C盘当然会提示不是指令啦，解决方法

D:\tool\nodejs\node_global//在电脑环境变量的path下新加
D:\tool\nodejs\node_global\node_modules//新建NODE_PATH加入

4、在执行重新执行你会发现已经成功了！