很多刚开始使用 IDEA,甚至是刚接触编程的读者不知道如何使用 IDEA 创建Maven 版的 Java Web 项目,本篇推文就教大家如何使用 IDEA 创建 Maven 版的 Java Web 项目,让初学者少走弯路、高效学习!

默认大家的电脑上已经安装配置好了 Maven。

操作演示

打开 IDEA,点击上面的 NEw Project,如下图:

1.png

选择左侧的 Maven,在点击下方的 Next

2.png

对项目进行命名,并且选择存放的本地位置,然后点击下面的 Finish。

3.png

这时候,Maven 版的 Java Web 项目就已经创建好了。

4.png

这里我看到左边的文件目录,打开 src 再打开 main,这里已经自动为大家创建好了 Java 目录和 resources 目录。

5.png

现在,我们需要手动在 main 目录下创建 webapp 目录,并且在 webapp 目录下创建 WEB-INF 目录。

6.png

7.png

现在我们点击上方菜单栏的 File ,再点击 Project Structure

8.png

选择左侧的 Modules ,再点击 + 按钮,往下划添加 Web 模块。

9.png

按照图片上的标识,点击 - 按钮,默认的两项都删除了。

10.png

删除之后,我们点击上方 + 按钮,添加新内容,web.xml文件指向之前创建WEB-INF目录。

11.png

再点击下面的 + 按钮,将web目录设置为之前创建的webapp目录。

12.png

确定之后,我们再看到左侧的文件目录,webapp目录图标变了,并且WEB-INF目录下创建了一个web.xml文件。

13.png

现在我们配置 TomCat,我们跟着下方图片的标识,点击 IDEA 右上角。

14.png

点击左上角的 + 按钮,鼠标往下滑选择 Tomcat Server ,再选择 Local(本地的Tomcat)。

15.png

选择本地Tomcat根目录,如果你本地的 Tomcat没问题的话,就会自动识别到版本号。

16.png

紧接着,点击上面的 Deployment ,点击 + 按钮,并且选择 Artifact...

17.png

点击 Apply ,再带点击 OK ,就好了,此时我们就把 IDEA 配置好了。

18.png

现在我们的项目已经配置好了,来验证一下。

webapp目录下创建一个 html 文件,这里命名为 index.html

19.png

20.png

在你新建的 html 文件中,添加些内容,这里我就简单的加了一句 Hello World。

21.png

然后点击 右上角的运行按钮,稍等一会儿,就会你电脑默认浏览器中打开这个页面。

22.png

好啦,以上就是创建一个 Maven 版的 Java Web 项目的详细步骤。

想了解更多idea的“骚操作”,请查看:IDEA教程

标签: idea破解, idea激活码, Intellij IDEA, Maven, Java Web, IDEA教程, idea注册码, idea破解教程, IDEA注册码免费, IDEA基础教程, IDEA高级教程, IDEA核心教程, IDEA创建Maven版Web项目