🎈博客主页:🌈我的主页🌈
🎈欢迎点赞 👍 收藏 🌟留言 📝 欢迎讨论!👏
🎈本文由 【泠青沼~】 原创,首发于 CSDN🚩🚩🚩
🎈由于博主是在学小白一枚,难免会有错误,有任何问题欢迎评论区留言指出,感激不尽!🌠个人主页
目录
🌟 一、LiveReload 插件🌟 二、配置文件🌟 三、下载LiveReload 插件🌟🌟 3.1、浏览器插件安装🌟🌟 3.2、LiveReload配置🌟 四、测试🌟🌟 4.1、html文件🌟🌟 4.2、访问路径🌟🌟 4.3、修改静态文件🌟🌟 4.4、编译🌟🌟 4.5、结果🌟 一、LiveReload 插件
监视页面上的源文件, 更新源文件时重新加载页面或仅重新加载更改的样式表,监视器包括页面上的脚本、样式表和/或框架,以使用可配置的规则进行更改。 重新加载整个页面或仅重新加载已更改的源文件。
简单来说就是在项目运行的过程中,修改了项目的静态文件之后,不用通过重启项目,就能直接在页面上刷新显示。非常方便我们用来开发环境
🌟 二、配置文件
导入web依赖<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency>
导入devtools依赖
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><scope>runtime</scope><optional>true</optional></dependency>
🌟 三、下载LiveReload 插件
🌟🌟 3.1、浏览器插件安装
🌟🌟 3.2、LiveReload配置
只会刷新.html后缀结尾的静态资源,其他的文件可以自定义
🌟 四、测试
🌟🌟 4.1、html文件
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><h1>04.html</h1></body></html>
🌟🌟 4.2、访问路径
http://localhost:8080/01.html🌟🌟 4.3、修改静态文件
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><h1>05.html</h1></body></html>
🌟🌟 4.4、编译
点击绿色小锤子重新编译
🌟🌟 4.5、结果
浏览器自动刷新