如何在 IntelliJ 的 spring 引导项目中使用实时编辑

Question

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

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

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

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

Answer 1

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

Applications that use spring-boot-devtools automatically restart whenever files on the classpath chang 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 的人想到包括

的时候

an embedded LiveReload server that can be used to trigger a browser refresh when a resource is changed.

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

通过单击启用扩展：启用 LiveReload

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