需要安装nodejs
全局安装gulp
cnpm install -g gulp
局部安装
cnpm install -save-dev gulp
添加配置文件,新建gulpfile.js
var gulp = require('gulp'); var browserSync = require('browser-sync'); var reload = browserSync.reload;
gulp.task('serve', function() { browserSync({ server: { baseDir: 'app',
tunnel:true //可以解决与wenstrom冲突问题
} }); gulp.watch(['*.html', 'styles/**/*.css', 'scripts/**/*.js'], {cwd: 'app'}, reload); });
需要有如下目录
gulpfile.js app/ styles/ main.css scripts/ main.js index.html
添加插件
cnpm install -save-dev browser-sync
启动
gulp serve
再不明白就看这个
http://www.gulpjs.com.cn/docs/recipes/server-with-livereload-and-css-injection/