Intellij Idea 2017创建第一个web项目(Hello World)

最近入坑Intellij Idea,话不多说,开始动手吧!

一、点击新建project

      Intellij Idea 2017创建第一个web项目(Hello World)_第1张图片

      根据标号,进行jdk 和 Tomcat 配置,选择自己计算中的相对应的文件位置即可。当然,我使用的是Tomcat 服务器,也可以根据自己的需要配置其他。

     我使用的2017.3 版本,选择WebApplication后,默认版本是4.0。由于我要导出项目到eclipse中,而eclipse不支持,故我们在接下来的步骤中操作,在此不勾选WebApplication。附图

     Intellij Idea 2017创建第一个web项目(Hello World)_第2张图片

二、点击Next 勾选Create project from template (从下列模板中创建工程)

      Intellij Idea 2017创建第一个web项目(Hello World)_第3张图片


三、点击Next,设置项目名称和版本控制

       Intellij Idea 2017创建第一个web项目(Hello World)_第4张图片

四、点击finsh,基本工程完成,配置运行服务器

     Intellij Idea 2017创建第一个web项目(Hello World)_第5张图片

五、在WEB-INF 下创建lib包,用于存放依赖jar包

       Intellij Idea 2017创建第一个web项目(Hello World)_第6张图片

       配置路径:

          Intellij Idea 2017创建第一个web项目(Hello World)_第7张图片

按照图示一次点击。点击绿色的+ 号,显示选择jar项

         

    选择我们新建项目下的lib 包

    Intellij Idea 2017创建第一个web项目(Hello World)_第8张图片

    Intellij Idea 2017创建第一个web项目(Hello World)_第9张图片

    点击ok,显示

    Intellij Idea 2017创建第一个web项目(Hello World)_第10张图片

    配置lib路径成功

六、配置Tomcat容器

      

    点击Edit Configgurations...

    Intellij Idea 2017创建第一个web项目(Hello World)_第11张图片

1,设置On frame deactivation : Update classes and resources    2,设置自己的jre位置路径。(jdk对应的jre)

 3, 配置一下tomcat的执行路径:

     Intellij Idea 2017创建第一个web项目(Hello World)_第12张图片

点击ok 

 回到项目中,在index.jsp页面中,随意写一下,点击运行即可

Intellij Idea 2017创建第一个web项目(Hello World)_第13张图片

最终的效果完成。。。

你可能感兴趣的:(IDEA使用教程)