npm init -y //生成 npm install gulp -g //全局安装 npm install gulp --save-dev //本地安装并加入package.json npm i -D gulp-babel npm i -D babel-preset-env npm install babel-core babel-preset-es2015 gulp-babel --save-dev //用于解析es6转换为es5 npm install browser-sync --save-dev //服务器同步浏览 npm install gulp-autoprefixer --save-dev //根据设置浏览器版本自动处理浏览器前缀 npm install gulp-cache --save-dev //图片快取，只有更改过得图片会进行压缩 npm install gulp-clean --save-dev //清空文件夹 npm install gulp-cssnano --save-dev //压缩CSS代码 npm install gulp-htmlmin --save-dev //压缩html npm install gulp-if --save-dev //用于判断 npm install gulp-imagemin --save-dev //图片压缩-很慢 npm install gulp-load-plugins --save-dev //自动加载（超级有用 省去一大堆代码） npm install gulp-plumber --save-dev //管道工 不会让错误爆出来 继续执行 npm install gulp-sass --save-dev //预编译Sass npm install gulp-size --save-dev //统计管道里面内容的大小的,上面是用它来显示出压缩前后的大小用来对比用 npm install gulp-sourcemaps --save-dev //当压缩的JS出错，能根据这个找到未压缩代码的位置 不会一片混乱代码 npm install gulp-uglify --save-dev //JS压缩 npm install uglifyjs-webpack-plugin --save-dev //压缩报错指引 npm install gulp-useref --save-dev // 将html引用顺序的CSS JS 变成一个文件 例如：<!-- build:js scripts/main.js --> <script src="1.js"></script><script src="2.js"></script><!--endbuild--> 最后变成<script src="main.js"></script> npm install gulp-rev-append --save-dev //html引用添加版本号 npm install main-bower-files --save-dev //找到bower.json里配置的 overrides 下配置的main下的路径 npm install wiredep --save-dev //在.html文件会把默认bower.json的配置自动注入到下面标签中去 <!-- bower:js --> <!-- endbower --> <!-- bower:css--> <!-- endbower --> 或者直接(注：我一大堆运行会报错，于是像上边一个一个运行)： npm install babel-core babel-preset-es2015 browser-sync gulp gulp-autoprefixer gulp-babel gulp-cache gulp-clean gulp-cssnano gulp-htmlmin gulp-if gulp-imagemin gulp-load-plugins gulp-plumber gulp-sass gulp-size gulp-sourcemaps gulp-uglify gulp-useref gulp-rev-append main-bower-files wiredep --save-dev bower init //新建bower.json bower install jquery bootstrap-sass --save-dev //安装jquery bootstrap