html在服务器环境下运行并热更新

首先终端进入到项目文件夹
然后在项目文件夹下执行npm init -y进行初始化
然后执行npm i gulp browser-sync -D
然后在根目录下新建gulpfile.js(不可改名)

const gulp = require('gulp'),
    bs = require('browser-sync'),
    reload = bs.reload;

gulp.task('default', () => {
    bs.init({
        server: {
             baseDir: "./"
        }
    });
    gulp.watch("css/*.css").on('change', reload);
    gulp.watch("js/*.js").on('change', reload);
    gulp.watch("*.html").on('change', reload);
});

最后执行gulp就可以运行起来了
如果浏览器没自动打开，可以在终端看到地址，复制打开就行了

*如果执行gulp有如下错误

Cannot read property 'apply' of undefined

全局安装gulp-cli可解决

sudo npm i gulp-cli -g