使用Gulp与BrowserSync做页面刷新

首先全局安装
npm install -g browser-sync gulp
再本地安装
npm install --save-dev browser-sync gulp

Gulp的配置文件 /gulpfile.js
// 监听所有文件并且对浏览器进行刷新
gulpfile.js

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var reload      = browserSync.reload;

gulp.task('serve', function () {
    var files = [
        './**/*'
    ];

    browserSync.init({
        files: files,
        proxy: "http://localhost:3000/"
    });
    gulp.on("change", reload);
});
gulp.task('default', ['serve']);

在 terminal 的本目录输入 gulp即可进行监听