自学 VUE 第一步：安装

VUE 安装

1、node的相关安装及配置

1、node安装后在cmd上查看是否安装成功

node -v
npm -v

2、环境配置
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】

不建议在node文件夹下创建，容易因为权限导致后续安装失败

3、创建完两个空文件夹之后，打开cmd命令窗口，输入

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

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】
参考文档

2、安装·vue相关

npm 镜像修改
查看使用的镜像源

npm config get registry

设置淘宝镜像源

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

1、安装cnpm
安装淘宝镜像

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

2、验证命令：

cnpm -v

3、安装webpack
利用cnpm安装webpack 命令行语句为

cnpm install webpack -g 

webpack安装后需要安装webpack cli
如果报错

Error: Cannot find module 'webpack-cli/package.json'

解决方案： 全局安装webpack-cli

cnpm i -g webpack-cli

4、接下来就是全局安装vue-cli

# 全局安装 vue-cli
cnpm install -g @vue/cli