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

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

相关推荐
a1117766 小时前
医院挂号预约系统(开源 Fastapi+vue2)
前端·vue.js·python·html5·fastapi
0思必得07 小时前
[Web自动化] Selenium处理iframe和frame
前端·爬虫·python·selenium·自动化·web自动化
行走的陀螺仪8 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
We་ct9 小时前
LeetCode 205. 同构字符串:解题思路+代码优化全解析
前端·算法·leetcode·typescript
2301_8127314110 小时前
CSS3笔记
前端·笔记·css3
ziblog10 小时前
CSS3白云飘动动画特效
前端·css·css3
越努力越幸运50810 小时前
CSS3学习之网格布局grid
前端·学习·css3
半斤鸡胗10 小时前
css3基础
前端·css
ziblog10 小时前
CSS3创意精美页面过渡动画效果
前端·css·css3
akangznl10 小时前
第四章 初识css3
前端·css·css3·html5