Intellij|Intellij Idea 配置Web项目

  1. 下载Intellig Idea
    ps:我使用的是Intellij Idea 2017.2,如果新版本没有下面的说的功能可以从历史版本中下载
  2. 要下载UItimate,Community少了很多功能,功能对比如下

    Intellij|Intellij Idea 配置Web项目
    文章图片

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

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

    Intellij|Intellij Idea 配置Web项目
    文章图片

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

    Intellij|Intellij Idea 配置Web项目
    文章图片

    Use module complie output path选择刚才在WEB-INF目录下面建的classes文件夹,点击下面的Apply按钮
  7. 同样在Module模块下选择Dependencies,点击下面的添加,选择JARs or directories

    Intellij|Intellij Idea 配置Web项目
    文章图片

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

    Intellij|Intellij Idea 配置Web项目
    文章图片

    配置好如下:
    Intellij|Intellij Idea 配置Web项目
    文章图片

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

    Intellij|Intellij Idea 配置Web项目
    文章图片

    点击添加,在弹出的框中选择Tomcat Server->Local
    Intellij|Intellij Idea 配置Web项目
    文章图片

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

    Intellij|Intellij Idea 配置Web项目
    文章图片

点击添加,选择Tomcat Server

Intellij|Intellij Idea 配置Web项目
文章图片

  • 配置Tomcat的端口号

    Intellij|Intellij Idea 配置Web项目
    文章图片
  • 配置Deployment

    Intellij|Intellij Idea 配置Web项目
    文章图片
Intellij|Intellij Idea 配置Web项目
文章图片
点击Apply按钮,完成Tomcat的配置
  1. 修改index.jsp配置,在网页中输出Hello World

    Intellij|Intellij Idea 配置Web项目
    文章图片

  2. 点击Run运行项目

    Intellij|Intellij Idea 配置Web项目
    文章图片

  3. 效果如下:

    Intellij|Intellij Idea 配置Web项目
    文章图片
【Intellij|Intellij Idea 配置Web项目】恭喜你,你已经完成了一个Web项目,撒花

    推荐阅读