需要安裝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‘
    }
  });

  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

出現如下提示就是成功了，瀏覽器會彈出對應網頁

再不明白就看這個

http://www.gulpjs.com.cn/docs/recipes/server-with-livereload-and
 
-css-injection/

gulp實時刷新頁面