1.环境的配置
在全局环境下安装好gulp文件后（安装过程及安装文件 参考地址：http://www.ydcss.com/archives/18#lesson4），安装好之后执行以下命令npm install cnpm -g --registry=https://registry.npm.taobao.org；
上面完成之后，需要在具体使用gulp文件的位置下进行配置,例如：E:\北游\Vue\src\gulpDemo> （可以在控制台配置也可在webstorm中的Terminal中配置）
2.gulp的安装
2.1 需要全局安装gulp
cnpm install gulp -g
（注：如果在项目中本地也需要安装gulp 命令：cnpm install gulp --save-dev）
在安装过程中由于插件较多容易卡死，所以可以在根目录中创建一个 node_modules文件
右键---->Mark Directory as --->Not Excluded
继续右键--->Mark Directory as --->Excluded
2.2 gulp插件
1.gulp-uglify（压缩文件）
配置命令：cnpm install gulp-uglify --save-dev
2.gulp-rename(更改文件名）
配置命令：cnpm install gulp-rename --save-dev
2.gulp-clean-css(压缩css 文件）
配置命令：cnpm install gulp-clean-css ---save-dev
在插件安装完成之后，gulpflie文件中会出现对应的依赖文件
2.3 应用
1.首先将文件赋值，以便后面的使用
2.调用task方法，压缩js文件（如果一次压缩同在一个文件夹下的js文件可以将“demo.js”改为“*”），其中“jsmin”为名称，使用此代码的命令：gulp jsmin
3.css压缩 使用同上 命令：gulp cssmin
4.同时压缩js与css
其中“jsmin”"cssmin" 为方法名，在进行多个同时压缩时，可将名称放在一个数组中。命令：gulp
3.总结
利用gulp可以有效地对代码进行压缩;
注意：以上命令均在 Terminal 中进行