IDEA2023.1版本新建Web项目并配置本地Tomcat

IDEA2023.1版本新建Web项目并配置本地Tomcat

一、新建Web项目

  1. 由于我最初是新建了一个空项目作为工作空间的,所以这里选择直接新建module,如下所示。(这里使用的是idea的newUI)

  2. 新建module,输入信息点击create

  3. 如下就是刚刚创建的项目

  1. 为刚刚的项目添加web module,如下所示

  1. 点击project Structure,在module中找到新建的module,然后点击+号

  2. 点击+号之后选择web

  1. 点击apply和ok
  1. 之后在新建的项目下会有一个带蓝点(也有点像是绿点)的web文件夹即可。如下所示:
  1. 点击Edit Configuration
  1. 点击+号
  1. 找到Tomcat Server,选择local
  1. 选择本地tomcat
  1. 选择deployment,选择刚刚新建的web项目
  1. 设置tomcat的一些配置项

上面的按照我下面的配置即可,

这里给出两个选项的解释,一个是代码改变后的操作,另一个是当idea失去焦点后的操作

On Update action : 顾名思义,当代码改变的时候,需要IDEA为你做什么;

On Frame deactivation : 当失去焦点(比如你最小化了IDEA窗口),需要IDEA为你做什么。

因为我们在开发过程中是经常修改代码的,所以这两项可以方便一下开发,也可以看个人喜好配置。

  1. 启动web项目

这里有两个按钮,一个是运行一个是调试。

相关推荐
n***i951 分钟前
前端技术的下一场进化:从工程化走向智能化的全面重构
前端·重构
@大迁世界7 分钟前
紧急:React 19 和 Next.js 的 React 服务器组件存在关键漏洞
服务器·前端·javascript·react.js·前端框架
晓得迷路了7 分钟前
栗子前端技术周刊第 109 期 - Vite 8 Beta、JavaScript 三十周年、Prettier 3.7...
前端·javascript·vite
Terry_Tsang8 分钟前
ceph mon 报错 full ratio(s) out of order 解决方法
服务器·前端·ceph
韩曙亮13 分钟前
【Web APIs】元素偏移量 offset 系列属性 ④ ( offset 属性案例 - 放大镜效果 )
前端·javascript·css·html·offset·dom·web apis
宁雨桥15 分钟前
前端网页加载进度条实现指南:Vue3+Vite工程化场景
前端·javascript·性能优化
Mike_jia18 分钟前
ZabbixWatch:打造现代化运维监控大屏,让数据掌控触手可及
前端
John_ToDebug21 分钟前
深入探索 Chrome 中渲染进程与浏览器进程之间的 Mojo IPC 通信机制
前端·chrome·mojo
m0_4711996323 分钟前
【JavaScript】forEach 和 map 核心区别(附示例+选型)
开发语言·前端·javascript
克喵的水银蛇27 分钟前
Flutter 通用搜索框:SearchBarWidget 一键实现搜索、清除与防抖
前端·javascript·flutter