IntelliJ IDEA中怎么设置编辑区在左边

本文介绍了如何在IntelliJIDEA中管理SpringBoot项目的运行配置,以解决启动多个端口导致的界面混乱问题,步骤包括打开项目、创建运行配置、选择SpringBoot类型并设置端口号。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当我们在一个项目中启动多个端口时,项目的运行全部在上面不美观,以及直爽,发现问题点来点去

那我们就来看看怎么设置的吧

1:打开IntelliJ IDEA 任意项目

第二步 左下角会有一个对话框

选择+,然后点击第一个Run Configuration Type

第三步:往下拉直到找到Spring Boot

点到我们最喜欢得Spring Boot 就会看到我们的端口号以及想要运行的东西啦

IntelliJ IDEA 中启用实时预览功能可以让您在修改 HTML、CSS 或 JavaScript 文件时即时看到更改的效果,极大地提高了开发效率。以下是详细的操作步骤: ### 启用 Live Edit 功能 #### 1. 安装并启用必要的插件 首先确认是否安装了所需的插件: - 打开 `File` 菜单,然后点击 `Settings`(对于 macOS 用户则是 `IntelliJ IDEA | Preferences`)。 - 导航至 `Plugins` 分,搜索 “JavaScript” 和 “CSS” 插件,并确保它们已被安装且启用了。 #### 2. 设置浏览器 为了让 Live Edit 正常工作,你需要指定一个支持 Chrome DevTools 协议的浏览器。通常推荐使用 Google Chrome 浏览器。 - 回到设置窗口,在左边栏找到 `Tools > Web Browsers`。 - 勾选你想使用的浏览器前的小方框,例如 `Google Chrome`,同时也要勾上旁边的复选框“Enable JavaScript Debugging in Chrome”。 #### 3. 开启 Live Edit 支持 接下来将开启具体的 Live Edit 功能: - 再次回到设置界面,这次选择 `Languages & Frameworks > JavaScript > Debugger`. - 将下面两个选项打钩: - **Auto show popup with the browser on start** - **Apply changes and reload page automatically** #### 4. 使用 Live Edit 编辑器标签页 当你在一个受支持的语言文件中打开一个新的标签页时(比如 .html, .css 或者 .js),会有一个小图标出现在右下角提示你可以连接到正在运行的应用程序或新启动的一个实例来进行调试。点击它就可以开始实时预览啦! 完成以上配置后,每当你在项目中的前端资源做出改动保存的时候,页面都会自动刷新显示最新的内容,无需手动刷新浏览器即可查看效果。 -- --相关问题--: 1. 如果我的浏览器不是 Chrome,还能否使用 Live Edit 功能? 2. 如何解决 Live Edit 过程中遇到的各种错误? 3. 是否有办法进一步优化 Live Edit 的性能?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值