Intellij Idea 配置Web项目

  1. 下载Intellig Idea
    ps:我使用的是Intellij Idea 2017.2,如果新版本没有下面的说的功能可以从历史版本中下载

  2. 要下载UItimate,Community少了很多功能,功能对比如下

    Intellij Idea 配置Web项目_第1张图片

  3. Tomcat的下载和配置可以参考这篇文章
    ps:(有兴趣的可以配置一下Tomcat,对于本篇文章不是必须的)

  4. 新建一个Web项目


    Intellij Idea 配置Web项目_第2张图片
    新建项目

    Intellij Idea 配置Web项目_第3张图片
    选择配置

    Intellij Idea 配置Web项目_第4张图片
    项目命名
  5. WEB-INF目录下面新建两个文件夹classes,lib,classes用于存放编译后的class文件,lib用于存放依赖的jar包

    Intellij Idea 配置Web项目_第5张图片

  6. 点击工具栏上面的
    在弹出的框中按照下图选择

    Intellij Idea 配置Web项目_第6张图片

    Use module complie output path选择刚才在WEB-INF目录下面建的classes文件夹,点击下面的Apply按钮

  7. 同样在Module模块下选择Dependencies,点击下面的添加,选择JARs or directories

    Intellij Idea 配置Web项目_第7张图片

    然后现在在WEB-INF目录下面建的lib文件夹,在之后选择Jar Directory
    Intellij Idea 配置Web项目_第8张图片

    Intellij Idea 配置Web项目_第9张图片

    配置好如下:
    Intellij Idea 配置Web项目_第10张图片

点击Apply按钮

  1. 配置Tomcat
  • 点击下图的按钮

    Intellij Idea 配置Web项目_第11张图片

    点击添加,在弹出的框中选择Tomcat Server->Local
    Intellij Idea 配置Web项目_第12张图片

  • 如果没有找到Tomcat Server,点击command+,打开设置,如下图

    Intellij Idea 配置Web项目_第13张图片

点击添加,选择Tomcat Server

Intellij Idea 配置Web项目_第14张图片

  • 配置Tomcat的端口号


    Intellij Idea 配置Web项目_第15张图片
  • 配置Deployment


    Intellij Idea 配置Web项目_第16张图片
Intellij Idea 配置Web项目_第17张图片

点击Apply按钮,完成Tomcat的配置

  1. 修改index.jsp配置,在网页中输出Hello World

    Intellij Idea 配置Web项目_第18张图片

  2. 点击Run运行项目

    Intellij Idea 配置Web项目_第19张图片

  3. 效果如下:


    Intellij Idea 配置Web项目_第20张图片

恭喜你,你已经完成了一个Web项目,撒花

你可能感兴趣的:(Intellij Idea 配置Web项目)