通过gulp+gulp-livereload实现页面热更新

1、安装环节，通过npm 安装gulp-livereload      

　　　　npm install --save-dev gulp-livereload (这里不推荐使用cnpm 我在用cnpm安装后使用时 报找不到modules);

2、引入环节，打开gulpfile.js

　　　　1、const gulp = require('gulp');//基础库

　　　　2、const livereload = require('gulp-livereload');//浏览器热更新功能

3、编写执行环节//热更新

   gulp.task('Watch', function() {
         livereload.listen();
         gulp.watch('files/**/*.*',function(file){
         livereload.changed(file.path);
    });
});
这里需要要求网页必须在服务器环境下执行
　　可以通过编辑器支持，我是用webstorm   另外使用php一条龙全包的xampp环境配置，通过node.js配置都可以，網上搜搜教程


！！！！！！！！ 注意 到此为止还不可以，咋们需要装一个chrome插件配合才可以使用，不过这个插件需要FQ  所以，这里提供链接
　　

说明：谷歌浏览器安装插件需要FQ，我已经下载了最新版本2.1.0到本地，点击下载（谷歌为.crx文件，火狐为.xpi文件）

安装方法：谷歌浏览器安装crx插件方法、火狐浏览器直接将xpi文件拖进浏览器即可安装

 

　　！！！！！！！！注意2  gulp Watch  后 打开页面 在浏览器的右上角会发现点击它即可实现热更效果

 

本文参考自：https://www.cnblogs.com/yuzhongwusan/p/5417074.html，十分感谢该博主的分享帮助；