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

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

  • 一、新建Web项目

一、新建Web项目

  1. 由于我最初是新建了一个空项目作为工作空间的,所以这里选择直接新建module,如下所示。(这里使用的是idea的newUI)
    IDEA2023.1版本新建Web项目并配置本地Tomcat_第1张图片

  2. 新建module,输入信息点击create
    IDEA2023.1版本新建Web项目并配置本地Tomcat_第2张图片

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

IDEA2023.1版本新建Web项目并配置本地Tomcat_第3张图片

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

IDEA2023.1版本新建Web项目并配置本地Tomcat_第4张图片

  1. 点击project Structure,在module中找到新建的module,然后点击+号
    IDEA2023.1版本新建Web项目并配置本地Tomcat_第5张图片

  2. 点击+号之后选择web

IDEA2023.1版本新建Web项目并配置本地Tomcat_第6张图片

  1. 点击apply和ok

IDEA2023.1版本新建Web项目并配置本地Tomcat_第7张图片

  1. 之后在新建的项目下会有一个带蓝点(也有点像是绿点)的web文件夹即可。如下所示:

IDEA2023.1版本新建Web项目并配置本地Tomcat_第8张图片

  1. 点击Edit Configuration

IDEA2023.1版本新建Web项目并配置本地Tomcat_第9张图片

  1. 点击+号

IDEA2023.1版本新建Web项目并配置本地Tomcat_第10张图片

  1. 找到Tomcat Server,选择local

IDEA2023.1版本新建Web项目并配置本地Tomcat_第11张图片

IDEA2023.1版本新建Web项目并配置本地Tomcat_第12张图片

  1. 选择本地tomcat

IDEA2023.1版本新建Web项目并配置本地Tomcat_第13张图片

  1. 选择deployment,选择刚刚新建的web项目

IDEA2023.1版本新建Web项目并配置本地Tomcat_第14张图片

IDEA2023.1版本新建Web项目并配置本地Tomcat_第15张图片

  1. 设置tomcat的一些配置项

IDEA2023.1版本新建Web项目并配置本地Tomcat_第16张图片

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

IDEA2023.1版本新建Web项目并配置本地Tomcat_第17张图片

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

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

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

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

  1. 启动web项目

IDEA2023.1版本新建Web项目并配置本地Tomcat_第18张图片

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

你可能感兴趣的:(JAVA,前端,tomcat,idea)