Vue环境搭建

1、 安装node.js
下载地址：http://nodejs.cn/download/
选择安装的位置：

一直点击next安装完成即可。
2、 设置环境变量
计算机(右键) -> 属性 -> 高级系统设置 -> 环境变量
在Path中添加node.js的目录

输入：node –v验证

3、 设置nodejs prefix（全局）和cache（缓存）路径
新建node_global和node_cache两个文件夹，这里放在了node.js的安装目录，如下所示：

4、 设置
设置缓存文件夹

npm config set cache "D:\Develop\nodejs\node\node_cache"

设置全局模块存放路径

npm config set prefix "D:\Develop\nodejs\node\node_global"

注：设置成功后，之后用命令npm install *** -g安装以后模块就在D:\Develop\nodejs\node\node_global里

5、 安装cnpm(淘宝镜像)

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

执行完之后，在D:\Develop\nodejs\node\node_global中可以看到如下文件：

将该目录也添加至环境变量，进入cmd，输入cnpm –v

6、 安装vue

cnpm install vue -g

7、 安装vue命令行工具，即vue-cli 脚手架

cnpm install vue-cli -g

8、 新建第一个项目

vue init webpack 项目名

9、 启动
切换到项目的目录

cd No1_Project
cnpm install 

cnpm run dev

访问：http://localhost:8080