Spring Boot LiveReload 插件使用

泠青沼~

于 2022-03-28 23:27:14 发布

阅读量1k

点赞数 1

分类专栏： SpringBoot 文章标签： spring boot java springmvc spring devtools

本文链接：https://blog.csdn.net/m0_46635265/article/details/123809132

版权

SpringBoot 专栏收录该内容

52 篇文章 2 订阅

订阅专栏

🎈博客主页：🌈我的主页🌈
🎈欢迎点赞 👍 收藏 🌟留言 📝 欢迎讨论！👏
🎈本文由【泠青沼~】原创，首发于 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、结果

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

泠青沼~

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录