如何在 IntelliJ 的 Spring Boot 项目中使用实时编辑

Question

我是网络开发的新手。我发现 IntelliJ 中的实时编辑功能非常有用。我的问题是，我正在为 Spring Boot 项目开发 thymeleaf 页面，但无法进行实时编辑。

如果我创建一个静态 Web 项目并创建一个 html 文件，我可以右键单击该文件并单击调试模式，实时编辑将开始，chrome 将开始使用 IntelliJ。但是在 spring 项目中，右键单击不会给我调试 html 文件的选项。如果我在 chrome 中打开文件，右键单击页面并选择“inspect in IDEA”，它将与 IntelliJ 连接，但每次我对文件进行更改时，我都必须刷新浏览器才能获得更改。

我没有安装任何插件。我今天下载了 IntelliJ Ultimate，它带有实时编辑功能，我刚刚启用它。

有没有办法只调试 spring 项目中的 html 文件？或者有什么解决办法吗？

Answer 1

这就是spring-boot-devtools 和LiveReload 来解决的问题

使用spring-boot-devtools的应用会自动重启 每当类路径上的文件更改时 more info here

首先将其添加到您的 pom 文件中：

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-devtools</artifactId>
        <optional>true</optional>
    </dependency>
</dependencies>

或Gradle

dependencies {
    compile("org.springframework.boot:spring-boot-devtools")
}

Spring 使用重启技术来加快重新加载速度。但默认情况下，对 resources 文件夹的更改不会触发重新启动。这就是Spring 的人们想到包括

可用于触发浏览器的嵌入式 LiveReload 服务器 资源更改时刷新。

要充分利用此功能，您需要从 livereload.com 下载一个扩展程序，并将其安装在您的浏览器中，或者只需 google 即可（例如 livereload chrome）。

通过点击启用扩展：Enable LiveReload

现在，每当您对 html 文件进行任何更改时，都会自动检测到更改并将其反映在您的浏览器上。