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

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

相关推荐
炫饭第一名1 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫1 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊1 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter1 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折2 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_2 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
Angelial2 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu2 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端
jiayu2 小时前
Angular6学习笔记13:HTTP(3)
前端
小码哥_常3 小时前
Kotlin抽象类与接口:相爱相杀的编程“CP”
前端