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项目

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

相关推荐
weixin1997010801610 分钟前
《电子元器件商品详情页前端性能优化实战》
前端·性能优化
Southern Wind12 分钟前
Vue 3 + Naive UI 企业级后台管理系统完整解析
前端·vue.js·ui·typescript
清汤饺子13 分钟前
AI 编程新范式:Spec First 的四件套,让 AI 不再是"热情但跑偏的实习生"
前端·javascript·后端
weixin1997010801613 分钟前
《建材网商品详情页前端性能优化实战》
前端·性能优化
程序员 沐阳17 分钟前
从缓慢等待到瞬间响应:Vite 如何重塑前端开发体验
前端·前端框架
fTiN CAPA19 分钟前
Spring Boot中Tomcat配置
spring boot·tomcat·firefox
wangjinsheng59319 分钟前
Vue3 + Element Plus 前端 AI 编码模板
前端·vue.js·ai·elementui·ai编程
roman_日积跬步-终至千里22 分钟前
【后端】Spring Boot Web请求核心问题解析
前端·spring boot·后端·系统架构
Mintopia28 分钟前
让开发效率翻倍的,往往不是新技术,而是小工具
前端
Cobyte29 分钟前
2.响应式系统基础:依赖追踪的基础 —— 发布订阅模式(前端应用最广的设计模式)
前端·javascript·vue.js