搭建vue环境

一、安装node.js

1. 下载node.js的安装包，双击运行安装。（安装node.js会默认安装npm包管理工具）
2. 测试是否安装成功。出现如下界面，则说明安装成功。
   
3. npm环境配置
   说明：这里的配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径。之所以要配置，是因为在以后执行类似：npm install express [-g]（后面的可选参数-g，g代表gobal全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中。
   例如：希望将全模块所在路径和缓存路径放到node.js安装的文件夹【C:\Application Software\nodejs】中，则在安装的文件夹【C:\Application Software\nodejs】下创建两个文件夹【node_global】和【node_cache】。创建完这两个空文件夹后，打开cmd命令窗口，执行命令：

     npm config set prefix "C:\Application Software\nodejs\node_global" 
     npm config set cache "C:\Application Software\nodejs\node_cache"

二、安装cnpm
npm是Node.js提供的包管理工具，因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，我们可以用淘宝 npm 镜像cnpm代替默认的 npm。

1. 使用npm安装cnpm淘宝镜像。
   在cmd命令行下运行如下内容：

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

2. 测试是否安装成功。
   a.在cmd命令行输入：cnpm -v ，可以看到cnpm命令是可以执行的，则说明安装成功。如下图：
   
   b.如果输入:cnpm -v ,看到系统不识别这个命令，此时打开【node_global】全局模块的文件夹，可以看到cnpm实际上安装在【node_modules】文件夹中，但是cnpm.cmd却在【node_global】文件夹中。我们只需要将这个cnpm.cmd文件所在文件夹的路径填入path系统环境变量中即可。
   再次输入：cnpm -v 即可看到a中的结果。

三、安装vue-cli
使用cnpm全局安装vue-cli ，在cmd命令行中输入命令：
（注：“-g”这个参数的意思是全局安装）

    cnpm install -g vue-cli