在使用gulp的时候，通常我们想把别人配置好的文件拿过来用，而不是自己重新配置，那么这个时候怎么快速搭建呢？
需要什么？
- 首先默认你已经安装了node 环境
- package.json
- gulpfile.js
note：上边的两个文件是别人已经配置好的文件
https://github.com/hello-sunbaixin/gulp-practice 这里存放了我已经配置好的文件
开始构建
1.新建一个文件夹（任意位置）
例如：work-gulp（以下所有git命令都在该文件夹下进行）
2.进入文件夹，将package.json，gulpfile.js复制进去
3.在work-gulp文件夹下，运行npm install 或npm install –save-dev 自动将package.json中的模块安装到node-modules文件夹下
运行结束会产生node_modules文件夹，这里放着所有依赖的模块
4.在work-gulp文件夹下，新建一个文件夹用于开发（例如demo）
然后更改gulpfile.js,换成当前的开发目录
5.在work-gulp文件夹下，执行gulp init命令
（gulpfile.js可以配置好，用于初始化文件，如果没有，则需要手动新建开发）
note:src下进行css img js的开发 html存放模板
6.在对应目录建开发文件，如图
7.运行gulp g-dist 将开发文件导入dist中，页面引用的路径都是dist下的
note：dist文件夹内存放的是编译好的文件（scss已经转换成css，压缩或者代码检错等等）,rev存放css js img 路径的配置信息
8.运行gulp default或者gulp 可以直接在浏览器上看到效果，liveload即改即刷新
9.开发结束 运行gulp rev 是将dist文件夹内的所有文件引用资源的相对路径改成上线路径，放到online文件夹内
10.效果图
11.上述是所有的配置过程，下次再开发的时候，直接用相同的步骤
（从4开始，新建开发目录即可）
注解
package.json
这里我们可以看到package.json中,有文件名,版本号,项目描述,项目主文件,全局依赖,项目依赖模块,脚本scripts等组成部分,其中,我们现在需要明白的一个地方是其中的dependencies和devDevpendenies区别,前者是你生产环境需要依赖的库,后者是你开发时候用的库,比如测试库,测试服务器之类的,在真实生产环境是不需要的,如果我们使用了构架工具,例如gulp之类的,打包的时候,是不会将dev库打包进去的
