node+webpack+vue的环境搭建

一般第一次搭建环境的时候，多多少少还是会出点状况的。这个时候多去百度，看牛人怎么解决，然后跟着尝试，多试几遍还是能解决的。

先说一下我安装的过程吧

1、我一开始按照官网的来搭建，失败了。报错内容是响应时间过长

2、又上网找了2篇搭建博文跟着做，也失败了，报错内容是响应时间过长。

3、最后找到了这个博文链接，跟着做成功了。这是我照着做成功的案例http://blog.csdn.net/u013182762/article/details/53021374

问题的原因：被墙了。即使我已经开了蓝灯。所以后面使用了境内的淘宝镜像

接下来，把我安装的过程贴出来

一、前提是已经安装nodejs了

二、我用的是window系统，快捷键win+R，输入cmd,回车，就会出现一个命令窗口，然后输入命令

　　（一定要在系统的命令窗口上，来全局安装淘宝镜像，和vue-vcli这两个。不要在git Base here安装，这两步在git Base here上会报错。为什么？因为我踩坑了呀）

//全局安装淘宝镜像
npm install -g cnpm --registry = http: //registry.npm.taobao.org 

//全局安装vue-cil
npm install -g vue-cli

//查看vue版本    或者 vue -V
npm vue -v

备注：　

1、如果已经全局安装过这2个的，重复安装会报错，

2、第二次构建项目时这2个就不用再安装了

3、如果你安装过，又装了报错了，这个时候你可以不用理会这个报错，因为你已经安装了，所以你就继续下一步就可以

//然后要cd到你要创建项目的目录下，再开始构建项目
//firstVue为项目名，在创建的过程中会出现需要你填写内容按确定才能继续创建项目内容
 vue init webpack firstVue

这里上一个动图，基本就是一路按回车键，记得要选择是按Y（这个项目名为ccc）

然后进入该目录下

cd firstVue

//全局项目所需要的依赖，因为前面已经安装了淘宝镜像，所以这里才能使用cnpm,
//安装完后项目里会多一个node-modules的文件夹
cnpm install

//之前我用npm install这个命令总是报错，报错提供的解决链接也是打不开的，所以这应该是权限问题，所以才用淘宝镜像

//然后运行
npm run dev

三、总结：

1、全局安装淘宝镜像： npm install -g cnpm --registry=http://registry.npm.taobao.org

2、全局安装vue-cil ： npm install -g vue-cli

3、创建项目： vue init webpack 项目名

4、cd 项目名

5、安装所需依赖：cnpm install

6、运行： npm run dev

第二次更新分割线

---------------------------------------------------------------------------------------------------------------------------------------------------------------

在项目创建好了之后，我要把项目放到git上，因为我会在不同的电脑来编辑同一个项目，所以，

1、安装git，没有的话去官网下载一个 https://git-scm.com/downloads

2、右键 --> Git Bash here 或者 win+R --> cmd