最新版IDEA新建web项目--小白也能看懂

引言：

此方法适用于 IntelliJ IDEA 2024.1.4 最新版本。

我最初使用的是 Tomcat 8.0.23 版本，搭配 JDK 17。由于 Tomcat 8.0.23 使用了已经被弃用的 JVM 参数，故将 Tomcat 版本更换为 10.1.1。

如果你使用 JDK 17，建议使用 Tomcat 9 或 10。

小知识：

• JDK 是什么？：JDK（Java Development Kit）是开发 Java 应用程序的工具包，它提供了开发 Java 项目所需的所有工具。
• Tomcat 是什么？：Tomcat 是一个运行 Java Web 应用的服务器，负责处理 Web 请求、响应等。

1. 创建新项目

1. 打开 IntelliJ IDEA。
2. 在首页面板上，点击【File】 → 【New】 → 【Project】。
3. 弹出的窗口中：- Name（项目名字）：输入项目名称（如 NewWebProject），确保每个单词的首字母大写，并且中间没有空格。- Location（项目位置）：你可以选择项目保存的文件夹路径。- JDK 版本：确认你选择的是 JDK 版本（比如 JDK 18 或 JDK 17），正确设置很重要。
4. 点击【Create】按钮完成项目的创建。

2. 添加 Web 支持

1. 在项目的左侧【Project】面板中，左键单击你的项目名称（例如 NewWebProject）。
2. 然后双击shift，搜索“Add Framework Support”（这个选项会让你为项目添加不同的框架支持）。（IDEA 2023.2以上版本 没有Add framework support选项）
3. 在弹出窗口中，勾选【Web Application】，然后点击【OK】。- 这时，IDEA 会为你创建一个名为 web 的文件夹。
4. 接着打开web，右键单击 WEB-INF 文件夹：- 选择【New】→【Directory】（新建目录）。- 分别创建两个新文件夹，名字为 lib 和 classes。（注：``````lib 文件夹将用于存放项目的依赖库，classes 文件夹将存放编译后的代码。）

3. 设置编译输出路径

1. 按下快捷键 Ctrl + Shift + Alt + S 或者点击左上角的【File】→【**Project Structure...**】。
2. 在弹出的窗口中，左侧栏点击【Modules】。
3. 中间窗口的顶部选择【Paths】标签页。
4. 勾选【Use module compile output path】，并将编译输出路径设置为你刚刚创建的 classes 文件夹的路径（如 web\WEB-INF\classes）。

4. 确保 Web 模块配置正确

1. 仍然在【Project Structure】窗口中，左侧点击【Facets】。
2. 在右侧检查： - Type（类型）：应该为 Web。- Path（路径）：确保它指向的是你项目 web/WEB-INF 文件夹下的 web.xml 文件（这是 Java Web 项目必需的配置文件）。

5. 配置 Artifacts

右侧有内容显示，跳过5.步骤看6.步骤。

如果显示【Nothing to show】，按下列步骤添加。

1. 仍然在【Project Structure】窗口中，左侧选择【Artifacts】。
2. 点击【**+】按钮，选择【Web Application: Exploded**】。
3. 然后在弹出的窗口中，选择【From Modules】，并确保选择的是你刚刚配置的模块，点击【OK】。 (如果【Web Application: Exploded】选项没有出现，可能是上面步骤中的 Web 模块支持没有正确配置，需要回去检查。)

6. 配置 Tomcat 服务器

1. 点击左上角的菜单栏
2. 在 IDEA 菜单栏找到【Run】，点击【Edit Configurations...】（运行配置）。
3. 点击【+】号，选择【Tomcat Server】→【Local】。
4. 在弹出的窗口中，点击【Configure】按钮，然后选择你的 Tomcat 安装目录（例如 D:\shuangti07\apache-tomcat-10.1.1）。
5. 配置好后，在下方会提示【fix】，点击修复按钮，或手动选择【Deployment】选项卡，点击【+】号，选择刚刚配置的 artifact，最后点击【Apply】保存。

7. 添加项目依赖

按下快捷键

Ctrl + Shift + Alt + S

或者点击左上角【File】→【Project Structure】。

1. 在左侧菜单栏中选择【Modules】→【Dependencies】。
2. 点击右侧的【**+】按钮，选择【JARs or Directories**】。
3. 在弹出的窗口中，选择刚刚在 WEB-INF/lib 文件夹中新建的 lib 目录，点击【OK】。
4. 跳出选择框【Choose Categories of Selected Files】，选【Jar Directory】
5. 再次点击【+】号，选择【Library】。
6. 选择你刚刚配置的 Tomcat 目录作为库，点击【Add Selected】。
7. 两个都勾上，点击【Apply】应用更改，最后点击确定。

8. 运行项目

左侧观察Tomcat-10.1.1后

1. 点击右上角绿色【三角形】的运行按钮，或按下快捷键 Shift + F10。
2. 查看项目是否能够正常运行，控制台中应该会看到 Tomcat 启动的相关日志信息，如果启动成功，项目就会被部署并运行。

9.补充

如果控制台出现乱码现象，可尝试以下方法：

1.打开Tomcat所在位置，找到【conf】文件夹并打开

2.使用记事本打开【logging.properties】。

3.Ctrl + H 查找替换。将UTF-8替换为GBK

以上便是新版IDEA新建web项目全部内容，如有不足，还望大佬批评指正。