热更新-自动刷新浏览器

一、在Vue、react项目开发中集成了基于webpack的热更新,使用gulp等构建工具也会有类似热更新机制。

二、在vscode中可安装 Live Server插件   建议使用

三、在webstrom系列可安装Live Edit插件,需要在浏览器安装 JetBrains IDE support   不建议使用

四、使用--Live.js    不建议使用

  1. 官网--http://livejs.com/    github--https://github.com/Q42/LiveJS

  2. Live.js是一个插件库,使用时直接引入html中即可,默认检测html、css、js,可以在源文件中配置其他的文件后缀来检测比如jsp、php等文件都可以

  3. 不支持直接打开的file协议文件,需要在编辑器中打开才有http协议

  4. 编辑文件后点击浏览器会自动刷新(适用于大部分开发者),在编辑器(idea)中 ctrl+s 后浏览器也会自动刷新(适用于分屏的开发者,不需要鼠标去点击浏览器)

  5. 适用于全局配置的开发环境,部署生产环境时手动注释即可

  6. 需要配置的话可以下载到本地引用,不需要配置的话直接引用官网的即可  <script src="http://livejs.com/live.js"></script>

原文地址:https://www.cnblogs.com/zhangruiqi/p/9183435.html