在windows端建立本地node-gulp环境进行前端开发

如今各种编译工具使人眼花缭乱，目前流行的有webpack、 grunt、gulp等，其中webpack作为目前前端编译工具的集成者，可以说是目前前端编译工具里的翘楚。当然，选择什么样的编译工具是与公司的技术迭代、技术选择是分不开的。就拿我目前就职的公司来说，它选择的是gulp，就如在自助餐吃饭，吃什么拿什么，在用gulp时，也是你需要什么插件，就需要自己安装。

gulp是基于nodejs的自动化工具，要想使用gulp，需要node环境。此文章的构建是在windows系统上的。在mac上，是自带node环境的，使用gulp很简单，在此不再赘述。

1）在windows上依次安装node(官网安装)、 ruby (官网安装)、git（git for windows）、 compass(http://compass-style.org/install/)。

2）以上安装完毕后 ，安装gulp。打开Git Bash(也就是你安装的git for windows)窗口，输入npm install -g gulp，等待gulp安装完毕（可通过gulp -v查看当前的gulp版本），就需要将gulp安装到项目本地，进行项目的本地开发。

3）先通过Git Bash进入你的本地项目路径，例如：

4）进入此目录下后，输入：npm install --save-dev gulp 便可。至此gulp环境已搭建完毕。

5）要想运行gulp，必须新建gulpfile.js文件，里面需要配置你项目需要的哪些插件（根据需要自己安装），关于gulpfile.js的配置以及插件的安装，大家可以再搜网上资料。

6） 如果npm不能用，解决方法如下：

a、说明：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。32个！来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”；
b、官方网址：http://npm.taobao.org；
c、安装：命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org； 注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重写打开，安装完直接使用有可能会出现错误；
注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm（操作将以cnpm代替npm）