用gulp同步显示运行代码的使用方法

• 下载文件:项目下

cnpm install --global gulp
cnpm install --save-dev gulp
cnpm install --save-dev browser-sync

• 项目下新建文件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);
});

• 运行：项目下 

gulp serve