使用gulp和browser-sync实现浏览器自动刷新

安装gulp (前提是已经安装了node)

全局安装: npm install -g gulp
本项目安装: npm install gulp --save-dev

安装browser-sync

全局安装: npm install -g browser-sync
本项目安装: npm install browser-sync --save-dev

编写代码

在项目根目录下创建文件gulpfile.js
在gulpfile.js中写入如下代码

        const gulp=require("gulp");
        const browserSync=require("browser-sync").create();

        gulp.task("serve",function () {
            browserSync.init({
                port:2017,
                server:{
                    baseDir:["."]
                }
            });
            gulp.watch("*.html",["html"]);
        });

        //操作html文件
        gulp.task("html",function () {
            gulp.src("*.html")
            .pipe(browserSync.stream());
        });

        gulp.task("default",["serve"]);

运行命令

gulp