node-v6.11.2-x64.msi
首先介绍一下nodejs。Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 'npm -v' 来测试是否成功安装。命令如下，出现版本提示表示安装成功:
Gulp 是一个自动化工具，前端开发者可以使用它来处理常见任务：搭建web服务器；文件保存时自动重载浏览器；使用预处理器如Sass、LESS；优化资源，比如压缩CSS、JavaScript、压缩图片。
安装nodeJs，由于安装gulp需要npm 工具，所以在这里优先安装nodeJs。官网下载nodeJs并进行安装。安装成功后，配置本机环境变量，尽量在用户变量和系统变量中都添加一套。首先添加变量名NODE_PATH,变量值为（我自己安装的nodejs目录）：C:\Program Files\nodejs\node_modules如下：
其次在path中新增npm 和 nodeJs 的home地址Npm 地址：C:\Program Files\nodejs\node_modules\npmnodeJs地址：C:\Program Files\nodejs如下图：
配置成功后在 win+r cmd命令窗口中输入：npm 可以查看npm的所有属性和所在的文件夹地址，如下：
可以输入 npm -v 查看当前npm 的版本
这样我们也可以在项目所在的文件夹下输入，现在用webstorm演示如下：
可以看到同样的效果，下面开始安装gulp.同样我们在命令窗口演示：这种安装方式为全局安装，就是我们可以在电脑的任何文件夹下使用gulp 命令
同理你也可以执行 npm install gulp安装成功后查看 输入gulp -v 查看版本
到此 gulp 就安装成功了。需要注意的是如果nodejs版本过低也会影响gulp 的安装与使用，尽量到官网下载最新版本的nodejs.接下来使用gulp。刚刚上面也提及到了，通过gulp脚本可以将前端代码 js/html/ass编译成需要的压缩文件。在这之前我们先说明一下前端框架结构，如下，有个package.json文件，此文件存放gulp使用的依赖包
通过执行npm install gulp --save-dev 我们可以局部安装Gulp。使用—save-dev，将通知计算机在package.json中添加gulp依赖。执行上述命令完成之后就会在项目下生成node_modules文件夹，里面有个gulp文件夹。生产依赖包之后，我们就可以使用gulp命令了，可以进行编译代码、压缩文件、执行gulp watch监听，自动刷新浏览器那么要完成这些操作，首先在前端项目根目录下创建gulpfile.js文件，在这里可以按需要写自己的脚本。当执行gulp命令时就会读取这个文件。在这个文件可以定义自己的任务。比如这个任务是要输出hello world
然后执行 gulp hello 即可。同理我们可以自定义许多脚本，来构建或者编译我们自己需要的。比如通过执行 gulp build 就可以完成项目的编译。好了，今天就说这些，希望可以继续学习的gulp来给大家分享。