vue项目搭建连载教程+全家桶详解----第一节：环境配置

初衷：鉴于很多从事前端的伙伴们对于vue技术理解不是很透彻，特增加这个vue教程连载，希望帮助更多的前端奋斗者！

（ 后期会将项目上传到github 欢迎大家来捣乱！）

第一篇：从零搭建vue项目

1、nodeJS环境的安装，下载地址：https://nodejs.org/en/

下载成功后  ,傻瓜式安装即可。
2、安装成功后，环境变量配置

2-1 回到桌面 右键我的电脑
2-2 单击‘属性’  看到如下 然后单击高级系统设置
 
2-3然后如下图所示 然后继续点击环境变量
 

2-4 如下图

 

2-5 开始配置

用户变量配置 
增加 NODE_PATH：C:\Program Files\nodejs\node_modules

在path后追加 C:\Program Files\nodejs\node_modules（追加前注意分号的增加）

同理配置系统变量

3、win键+R键 同时按住，运行cmd命令

4、在命令行内输入 node -v 回车 ；然后输入npm -v 回车；

恭喜你，环境已经配置完成!

5、接下来 配置淘宝镜像cnpm，为了以后安装vue项目依赖能快一点

继续在上图的命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org 回车

等待安装即可

6、在命令行内输入 cnpm -v 检测是否安装成功即可

7、安装vue项目的cli脚手架工具  同样 在命令行内输入 cnpm install -g vue-cli  等待成功即可

到此 恭喜你！所有环境已经安装完成！