Spring Boot LiveReload 插件使用

导读:本篇文章讲解 Spring Boot LiveReload 插件使用,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

🎈博客主页:🌈我的主页🌈
🎈欢迎点赞 👍 收藏 🌟留言 📝 欢迎讨论!👏
🎈本文由 【泠青沼~】 原创,首发于 CSDN🚩🚩🚩
🎈由于博主是在学小白一枚,难免会有错误,有任何问题欢迎评论区留言指出,感激不尽!🌠个人主页



🌟 一、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、结果

浏览器自动刷新
在这里插入图片描述


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/15737.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!