2023 最新版IntelliJ IDEA 2023.1创建Java Web 项目详细步骤（图文详解）

小鱼儿 2024-05-04 08:14 13阅读 0赞

## 前言 ##

本篇文章仅作为刚开始使用 IntelliJ IDEA 2023.1 创建一个简单的web项目的开发人员，只是作为入门使用
    目前很多都是使用spring-boot框架来搭建Java的web项目，但是spring-boot的最新版本目前
    不兼容最新的Java20。
    这里的创建的项目仅仅是作为初次尝试使用Java来构建web项目的这个简单示例。

如果需要学习使用spring-boot3搭建Java Web项目，请移步：[2023 最新版IntelliJ IDEA 2023.1创建Java Web前（vue3）后端（spring-boot3）分离 项目详细步骤（图文详解）][2023 _IntelliJ IDEA 2023.1_Java Web_vue3_spring-boot3_]

#### 文章目录 ####

*  前言
 *  🧭 版本情况
 *   *  Java
     *  IDEA
     *  Tomcat
     *  maven
 *  🌏 创建步骤
 *   *  🚗 1、依次点击File >> New >> Project
     *  🚓 2、选择New Project 输入自己的项目名，选择JDK版本，而后点击create进行创建
     *  🚕 3、鼠标右键项目名，后点击 Add Framework Support（添加项目支持）
     *  🚕 4、选中Web Application4.0，后点击 OK，点击OK 后会发现项目中多出一个【web】目录
     *  🛺5、配置Tomcat服务器（1）
     *   *  依次点击 Edit Configurations... >> Add new... >> Tomcat Serve 下的 Local，而后点击OK
     *  🚙 6、配置Tomcat服务器（2）
     *  🚌 7、依次点击页面中的 Deployment >> + >> Artifact... 后点击OK（3）
     *  🚜 9、配置Maven，同样在Settings下面，如果不好找，直接在搜索框里面搜索 “Maven”，将红框内的settings.xml文件配置成你自己安装的 apache-maven位置
     *  🚎 10、查看自己的Tomcat路径，如果配置不正确的话IDEA会有提示，不正确就重新换成自己的Tomcat的安装路径
     *   *  1、查看方式：File >> settings... >> Applications Servers
         *  2、选择自己安装的Tomcat路径
     *  🚐 10、配置完毕后点击运行按钮
     *  🚍 10、运行完毕后会自动打开浏览器
 *  最后

## 🧭 版本情况 ##

安装什么的这里就不说了，都是傻瓜式的安装，但是你需要知道安装的位置，切记！切记！

### Java ###

*  使用版本：java 20.0.1 2023-04-18
 *  官方地址：[https://www.oracle.com/java/technologies/downloads/][https_www.oracle.com_java_technologies_downloads]
 *  DOS查询：java --version

### IDEA ###

*  使用版本： IntelliJ IDEA 2023.1
 *  官方地址：[https://www.jetbrains.com/zh-cn/idea/download/\#section=windows][https_www.jetbrains.com_zh-cn_idea_download_section_windows]

### Tomcat ###

*  使用版本：Tomcat 8.5 （道听途说这个版本更稳定）
 *  官方地址：[https://tomcat.apache.org/][https_tomcat.apache.org]

### maven ###

*  使用版本：apache-maven-3.9.2
 *  官方地址：[https://maven.apache.org/download.cgi][https_maven.apache.org_download.cgi]

## 🌏 创建步骤 ##

### 🚗 1、依次点击File >> New >> Project ###

![在这里插入图片描述][beaac30b95514d5a9674721686109eae.png]

### 🚓 2、选择New Project 输入自己的项目名，选择JDK版本，而后点击create进行创建 ###

![在这里插入图片描述][63f71e68872c44ff88744e4ba05c883a.png]

### 🚕 3、鼠标右键项目名，后点击 Add Framework Support（添加项目支持） ###

![在这里插入图片描述][a8bd589e719044aa9a623696526d0075.png]

### 🚕 4、选中Web Application4.0，后点击 OK，点击OK 后会发现项目中多出一个【web】目录 ###

![在这里插入图片描述][8de92f3d4db7430c987974ff61c275e0.png]

### 🛺5、配置Tomcat服务器（1） ###

#### 依次点击 Edit Configurations… >> Add new… >> Tomcat Serve 下的 Local，而后点击OK ####

![在这里插入图片描述][1d22df6241a44608981b6e983036c266.png]

### 🚙 6、配置Tomcat服务器（2） ###

![在这里插入图片描述][309b097f5a104456ac36b9665907ec10.png_pic_center]

### 🚌 7、依次点击页面中的 Deployment >> + >> Artifact… 后点击OK（3） ###

![在这里插入图片描述][af98898685aa4a0c983c28b209f8a2ed.png]

### 🚜 9、配置Maven，同样在Settings下面，如果不好找，直接在搜索框里面搜索 “Maven”，将红框内的settings.xml文件配置成你自己安装的 apache-maven位置 ###

![在这里插入图片描述][68bc30ca81fb4f2b8294c76e6b2d5370.png]

### 🚎 10、查看自己的Tomcat路径，如果配置不正确的话IDEA会有提示，不正确就重新换成自己的Tomcat的安装路径 ###

#### 1、查看方式：File >> settings… >> Applications Servers ####

#### 2、选择自己安装的Tomcat路径 ####

![在这里插入图片描述][7848e6e21ef64855b63047aff965f698.png]

### 🚐 10、配置完毕后点击运行按钮 ###

![在这里插入图片描述][03a526cf05d54b33adb33ff40af6b1bb.png]

### 🚍 10、运行完毕后会自动打开浏览器 ###

![在这里插入图片描述][b3b10a24b34e4fc188cb2526ac32c592.png]

## 最后 ##

以上就是 最新版IntelliJ IDEA 2023.1创建Java Web 项目图文详细步骤，希望能对你有所帮助

[2023 _IntelliJ IDEA 2023.1_Java Web_vue3_spring-boot3_]: https://blog.csdn.net/weixin_51033461/article/details/130983914?spm=1001.2014.3001.5502
[https_www.oracle.com_java_technologies_downloads]: https://www.oracle.com/java/technologies/downloads/
[https_www.jetbrains.com_zh-cn_idea_download_section_windows]: https://www.jetbrains.com/zh-cn/idea/download/#section=windows
[https_tomcat.apache.org]: https://tomcat.apache.org/
[https_maven.apache.org_download.cgi]: https://maven.apache.org/download.cgi
[beaac30b95514d5a9674721686109eae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/7cf7f1feefb24d578ae61c476e421111.png
[63f71e68872c44ff88744e4ba05c883a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/35e09ff3ac85454fa3cf85943a6e8e87.png
[a8bd589e719044aa9a623696526d0075.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/e033fdc4c1f643a8998c1f38a3512e74.png
[8de92f3d4db7430c987974ff61c275e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/685e54e9151e4d9ca450d5cb088c1be9.png
[1d22df6241a44608981b6e983036c266.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/318c9ed6c22b4b74af58d05196f324f3.png
[309b097f5a104456ac36b9665907ec10.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/68b1454233124ba78862d242f9ec05bc.png
[af98898685aa4a0c983c28b209f8a2ed.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/647c9580f6a643c0a154d46306ffdfa0.png
[68bc30ca81fb4f2b8294c76e6b2d5370.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/def8387b29dd4b86a0d5b624429b5c3d.png
[7848e6e21ef64855b63047aff965f698.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/f3309c25d1f84876a22fca5550f2997e.png
[03a526cf05d54b33adb33ff40af6b1bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/b27e624f841744ed95007965bc20d6fc.png
[b3b10a24b34e4fc188cb2526ac32c592.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/04/e100a18ccf5542c98b744b52872680c6.png