
2、选择合适▼的安装包,然后傻瓜◤式安装。

3、解压下载✦好的node.js安装包,并新建node_global"及"node_cache"两个文件□□□夹
未建立文☆件夹之前:

新建后:

4、配置环境□□□□变量PATH
打开系统□□□□变量,选择path,再点击编□□□辑:

把刚刚解□□□压的nodejs路径粘贴□□□□进去:

右击【我的电脑】--》【属性】--》【高级系统□□设置】--》【环境变量】--》【系统变量】--》【Path】-->增加两个▼路径(新建那两□□□□个文件夹□□的路径)
5、打开cmd,输入node -v测试是否□□有node环境

温馨提示:如果提示□□□□说找不到□□□命令
第1种可能是□□设置错了
第2种就是需◈要重启电□□□□脑
6、配置环境◢变量NODE_PATH

7、设置prefix和cache输入以下□□两行命令□□□行:
npm config set prefix "D:\Program Files\node-v6.11.5-win-x64\node_global"
npm config set cache "D:\Program Files\node-v6.11.5-win-x64\node_cache"

三. 测试环境
1、打开cmd,输入node -v测试是否□□有node环境。

2、在cmd,输入npm-v测试是否□□□有npm包

四、 使用淘宝□□镜像文件cnpm代替npm
原因:如果使用npm是使用国□□□外安装包,可能由于□□□□一些原因□□会造成卡□□□顿(传输时间□□过长)或者无法□□□使用(屏蔽问题);所以,建议使用□□□国内的淘□□□□宝镜像cnpm;
1. 输入
npm install -g cnpm --registry=http://registry.npm.taobao.org
2. 命令安装cnpm资源;
Ps:过程可能□□□会有点长,请耐心等□□□□待;
五、安装vue-cli脚手架安□□□□装包
输入cnpm install -g vue-cli命令行
温馨提示:建议使用cnpm国内资源✦安装,这样等待□□□时间会短□□一些,也不会导□□□致卡顿;
六、建立新的vue.js项目:
1、打开命令◢行工具 输入cd desktop

2、输入命令行vue init webpack firstVuejs
温馨提示:这次整个□□□项目是基□□□于webpack搭建的vue.js项目;最后的firstVuejs为本项目□□□□名称。

3、桌面自动★生成项目
4、使用命令□□□行工具输△入cd desktop/firstvuejs进入项目□□□□层

温馨提示:如果像上□□□□图一样找□□□不到路径□□□□可以cd .. 退回上一□□路径,再尝试一◎下。
5、启动项目:
输入npm run dev 启动项目

七、注意踩雷!!
比如index.html在项目里□□□为index.vue;style.css也需要改□□成style.css(作用相同)。