关于express框架自动刷新问题

关于express框架的安装和项目搭建可以参考我的express入门那篇博客，按照步骤进行搭建即可，这里讲述一下express框架搭建完毕后运行项目所产生的不能自动刷新的问题。

写过express项目的会发现在项目中改动页面内容需要ctrl+s两次后再npm start才能实现页面刷新，此时可以使用gulp-nodemon和browser-sync

1. npm i gulp
2. npm i --save gulp-nodemon
3. npm i --save browser-sync
4. 安装完这些后再express项目根目录中新建一个gulpfile.js文件，在文件中写入以下内容

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

gulp.task("node", function () {
    nodemon({
        script: './bin/www',
        ext: 'js html',
        env: {
            'NODE_ENV': 'development'
        }
    })
});

gulp.task('server', ["node"], function () {
    //此处的files为你所需要跟踪的文件，根据实际项目需要配置即可
    var files = [
        'views/**/*.html',
         'views/**/*.ejs'