Vue环境搭建（cnpm、vue-cli）

vue环境搭建（cnpm、vue-cli）

1. 下载node.js安装包，直接安装。

验证是否安装成功可在cmd命令窗口输入node -v 和 npm -v，若返回版本号则说明安装成功。

2. 打开cmd，输入以下命令在node.js安装目录下新增两个文件夹

npm config set prefix "F:\utils\Nodejs\node_global"
npm config set cache "F:\utils\Nodejs\node_cache"

3. 配置环境变量

新建系统变量NODE_PATH：F:\utils\Nodejs\node_global\node_modules

更改用户变量PATH：C:\Users\Administrator\AppData\Roaming\npm 改为F:\utils\Nodejs\node_global

4. cmd命令窗口，安装express包

npm install express -g

验证express是否安装成功。cmd输入node进入编辑模式，输入require(‘express’)，出现以下界面说明安装成功。

5. 安装cnpm

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

验证是否安装成功。输入cnpm -v，出现类似以下界面说明安装成功。

6. 通过cnpm安装vue以及vue-cli

cnpm install vue
cnpm install --global vue-cli

验证vue是否安装成功。cmd输入vue -V，若返回版本号则安装成功。

7. 至此，vue开发环境已经搭建完毕。