gulp教程

gulp的快捷使用

1. 安装gulp

npm install -g gulp

如果报Error: EACCES, open ‘/Users/xxx/xxx.lock错误。先执行：sudo chown -R (whoami)(whoami) HOME/.npm;

如果使用npm安装插件太慢（被墙），可执行 npm install -g cnpm –registry=https://registry.npm.taobao.org,先安装cnpm, 之后再安装插件时用cnpm安装cnpm install gulp

2. 手动安装各种插件

npm install –save gulp //本地使用gulp

npm install –save gulp-imagemin //压缩图片

npm install –save gulp-minify-css //压缩css

npm install –save gulp-ruby-sass //sass

npm install –save gulp-jshint //js代码检测

npm install –save gulp-uglify //js压缩

npm install –save gulp-concat //文件合并

npm install –save gulp-rename //文件重命名

npm install –save png-sprite //png合并

npm install –save gulp-htmlmin //压缩html

npm install –save gulp-clean //清空文件夹

npm install –save browser-sync //文件修改浏览器自动刷新

npm install –save gulp-shell //执行shell命令

npm install –save gulp-ssh //操作远程机器

npm install –save run-sequence //task顺序执行

或者根据package.json 自动安装。把package.json拷贝到自己的工程目录下，进入目录，执行:npm install

gulp例子:https://coding.net/u/jirengu/p/gulp/git

gulp文字教程：http://www.techug.com/gulp

视频教程：http://ke.qq.com/webcourse/index.html#course_id=105977&term_id=100111894&taid=291739948654073&vid=s14077zysb8