IDEA配置支持页面热部署

你的名字 2023-02-11 10:11 26阅读 0赞

> 好的热部署让开发调试事半功倍，这样的“神技能”怎么能错过呢， 使用过IDEA的童鞋赶紧进来撸一把吧。

# 学习目标  #

快速学会在项目中使用热部署插件运行项目，提高开发效率。

# 快速查阅 #

相关教程： [IDEA快速入门教程(2018图文版)][IDEA_2018]

专题阅读：[《SpringBoot 布道系列》][SpringBoot]

# 一、开启IDEA的自动编译（静态） #

具体步骤：打开顶部工具栏 File -> Settings -> Default Settings -> Build -> Compiler 然后勾选 Build project automatically 。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70][]

## 二、开启IDEA的自动编译（动态） ##

具体步骤：同时按住 Ctrl + Shift + A，然后在弹框中输入Registry ，勾选自动编译并调整延时参数。

*  compiler.automake.allow.when.app.running -> 自动编译
 *  compile.document.save.trigger.delay -> 自动更新文件

**PS：网上极少有人提到compile.document.save.trigger.delay 它主要是针对静态文件如JS CSS的更新，将延迟时间减少后，直接按F5刷新页面就能看到效果！**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70 1][]

## 三、开启IDEA的热部署策略（非常重要） ##

具体步骤：顶部菜单- >Edit Configurations->SpringBoot插件->目标项目->勾选热更新。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70 2][]

## 四、在项目添加热部署插件（可选） ##

> 温馨提示：  
> 如果因为旧项目十分臃肿，导致每次都自动热重启很慢而影响开发效率，笔者建议直接在POM移除`spring-boot-devtools`依赖，然后使用Ctrl+Shift+F9进行手工免启动快速更新！！

具体步骤：在POM文件添加热部署插件

<dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-devtools</artifactId>
        <scope>runtime</scope>
    </dependency>

## 五、关闭浏览器缓存（重要） ##

打开谷歌浏览器，打开F12的Network选项栏，然后勾选【✅】Disable cache 。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70 3][]

热部署到底有多爽呢，用渣渣辉的话来说，只需体验三分钟，你就会干我一样，爱上这款呦西。

[IDEA_2018]: https://www.jianshu.com/p/9c65b7613c30
[SpringBoot]: https://www.jianshu.com/p/964370d9374e
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200522202454361.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200522202851917.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200522203306482.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200522203949824.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE5NzM0NTk3,size_16,color_FFFFFF,t_70