devtools热部署-解决令人抓狂前后端不分离问题
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
前段时间快被自己写的前后端不分离的简单的springboot小项目快搞死了,因为没有使用完全的前后端分离技术,导致每次修改一点点的前端样式都要整个项目进行重启,开始一段时间还好,过了一段时间我疯了,头发如秋天的落叶般凋零,于是我想到热部署工具,起初我并不了解什么是热部署,什么是自动化部署,什么是半自动化部署。当我喝了几杯咖啡后我了解了这些。
为了解决开发时修改代码后频繁的要重启项目,于是我找到了比较好用的devtools热部署去解决这个让人疯狂的问题。
解决的最终目标如下:
- 修改js,css,html等前端代码时不会只要保存刷新页面就可以从新加载出我修改后的效果
- 修改java代码时我只要保存一下,他就会自动帮我更新代码而不是我又要去摁一遍重启按钮
实现方法如下:
第一步 导入devtools依赖-在pom.xml文件中写入以下代码
<!--集成热部署工具devtool-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<optional>true</optional>
<scope>true</scope>
</dependency>
第二步 书写配置文件-在.yml文件中写入以下代码
spring:
devtools:
restart:
enabled: true #设置开启热部署
freemarker:
cache: false #页面不加载缓存,修改即时生效
这样就可以了吗?别傻了,你的idea还不行,
第三步 配置idea
点击File->Settings打开设置(快捷键:Ctrl+Alt+S)
打开后就可以看见下面这玩意,按图点击Compiler选中Build project automatically然后Apply一下点击确认
这还没完还差一点呢
先使用快捷键:Ctrl+Alt+Shift+/ 就可以看见如下这个东西,选中Registry,当然有人如果用了汉化后的就是“注册”了
然后你就可以看着下面这个页面,选中compiler.automake.allow.when.app.running,然后close就行了
备注:下面提供另外一种方法打开这个页面(因为有人那个快捷键用不了)
那么就找到Navigate,打开Search Everywhere.
点击Action输入registry就可以看见Registry点击就可以看见之前那个页面了
终于这样就可以快乐的和我的搭档一起快乐的喝杯咖啡了!
GitHub 加速计划 / de / devtools
24.6 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:3 个月前 )
79116147 - 4 个月前
f0359002 - 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)