发布时间:2023-05-24 文章分类:WEB开发, 电脑百科 投稿人:王小丽 字号: 默认 | | 超大 打印

文章目录

  • 🧭 版本情况
    • 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

IDEA

Tomcat

maven

🌏 创建步骤

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

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

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

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

🚕 3、鼠标右键项目名,后点击 Add Framework Support(添加项目支持)

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

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

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

🛺5、配置Tomcat服务器(1)

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

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

🚙 6、配置Tomcat服务器(2)

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

🚌 7、依次点击页面中的 Deployment >> + >> Artifact… 后点击OK(3)

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

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

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

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

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

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

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

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

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

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

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

最后

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