运行前提:

配置好 Java 的运行环境

配置好 Tomcat

安装 IntelliJ IDEA

开始

1、创建项目并配置

关于配置SDK,等建完项目再说

没有配置SDK的话 会出现下面的弹框,点击 【YES 】

项目名以及项目的指定位置

项目建成后,开始配置项目

配置SDK

【File】→  【Project Structure】

第一次配置 点击 【new】 选择第一个 【JDK】 然后选择你 JDK 安装的根目录

注意:定位路径的时候,定位到JDK的版本信息处就OK了,不要再往下定位了,下面的bin  lib   jre  …… 就全都不要了。

配置好之后 点击 【OK】 就可以了

回到主界面之后 可以在这个位置查看自己配置的 SDK

配置好的SDK 将会显示以下界面

若是显示 上图红框中还是  红色的 <NO SDK>  则进行如下操作

开始配置项目

配置 project structure 
【F4】 或 项目右键 【Open Module Settings】或 右上角有个黑蓝色的框框 或 菜单栏【view】-【Open Module Settings】进入 

配置Source 
在 项目-web-WEB INF 下创建两个文件夹 classes 和 lib 

右击【 WEB INF 】  然后选择 【New Folder】

配置Paths 
将两个output path 修改为 刚才创建的classes的地址 

配置 Denpendencies

右面有个绿色小加号 - JARs or directories… 

选刚才创建的lib地址

选Jar Directory

OK后再OK 项目就配置好了

配置Tomcat 
配置Configurations 
菜单栏【run】-【Edit Configurations】或 右上角有个向下的小箭头 

点 【Local 】 不要点 【OK】

第一次配置的时候 Application server 后面是空的    点下【 configure 】

name 处 可以更改 server  的 名字

第一次配置 Tomcat 点完【configure】会自动配置下图红框中的内容 ,点击【OK】就好

配置完 【Server】 接着 配置 【Deployment】

点击之后  项目会自动添加进来 
记得在右边Application context 中输入项目的启动地址 记得加“/” 
红框位置输入启动地址
 
 

上述配置完 就可以点击【OK】了

当面板红框位置出现变化 就配置好 Tomcat 了

如果上图右上角的红框没有变化  可以尝试点击下拉箭头

不行的话就按照上述步骤 重新操作一次

 测试运行
 
在index.jsp中写点字 以便测试 
点右上角的 绿色运行按钮就ok啦~ 

IDEA 第一次运行会稍微有点慢  耐心等一会儿~

如果运行过程中 出现 进程无反应强制关闭IDEA
记得在资源管理器中 JAVA 进程一起结束
避免出现端口被占用的情况

从浏览器中输入项目的启动地址就可以查看了

下方红框中就是刚刚 Application context 中输入项目的启动地址

到目前为止,IntelliJ IDEA 的web项目 就配置好了 Tomcat  可以运行了~

IntelliJ IDEA 配置 Tomcat 运行web项目的更多相关文章

  1. IntelliJ IDEA配置Tomcat运行web项目

    小白一枚,借鉴了好多人的博客,然后自己总结了一些图,尽量的详细.在配置的过程中,有许多疑问.如果读者看到后能给我解答的,请留言.Idea请各位自己安装好,还需要安装Maven和Tomcat,各自配置好 ...

  2. 转载:IntelliJ IDEA 2016.2 配置Tomcat 运行Web项目

    以前都用MyEclipse写程序的 突然用了IDEA各种不习惯的说 借鉴了很多网上好的配置办法,感谢各位大神~ 前期准备 IDEA.JDK.Tomcat请先在自己电脑上装好 好么~ 博客图片为主 请多 ...

  3. IntelliJ IDEA 2017.3 配置Tomcat运行web项目教程(多图)

    小白一枚,借鉴了好多人的博客,然后自己总结了一些图,尽量的详细.在配置的过程中,有许多疑问.如果读者看到后能给我解答的,请留言.Idea请各位自己安装好,还需要安装Maven和Tomcat,各自配置好 ...

  4. IntelliJ IDEA 2016.2 配置Tomcat 运行Web项目

    1.可能会出现的问题 Run-->Edit Configurations 中点击"+"号没有tomcat server... 解决办法:File--->Setting- ...

  5. IntelliJ IDEA 2017 配置Tomcat 运行Web项目

    以前都用MyEclipse写程序的 突然用了IDEA各种不习惯的说 借鉴了很多网上好的配置办法,感谢各位大神~ 前期准备 IDEA.JDK.Tomcat请先在自己电脑上装好 好么~ 博客图片为主 请多 ...

  6. eclipse如何配置tomcat运行web项目时省略项目名称

    三个关键点,如图所示

  7. Intellij IDEA通过tomcat部署web项目的机制

    问题 以前使用eclipse调用tomcat运行web项目时,eclipse的方式非常直接了当,就是直接将项目更新到%TOMCAT_HOME%/webapps目录下即可.然而在使用Intellij I ...

  8. IntelliJ IDEA配置Tomcat及部署项目

    IntelliJ IDEA配置Tomcat及部署项目(原链接) 主要有以下几个要点 1.选择本地的tomcat容器. 2.可以选择修改访问路径. 3.On Update action 当我们按 Ctr ...

  9. 记录-Intellij Idea下以Tomcat运行Web项目时的位置问题

    今天本来准备把原来的一个Web项目导入到Idea下,之前这个项目是用eclipse写的,容器用的tomcat,首先导入前我把一些没用的配置文件都给删了,像什么.eclipse..setting什么的, ...

随机推荐

  1. Mac下通过homebrew安装maven

    1.安装Homebrew 将以下命令粘贴至终端 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebr ...

  2. 关于setTimeout(fn,0)

    JS是单线程引擎:它把任务放到队列中,不会同步去执行,必须在完成一个任务后才开始另外一个任务. 浏览器的内核是多线程的,它们在内核制控下相互配合以保持同步,一个浏览器至少实现三个常驻线程:javasc ...

  3. 理解JavaScript中的深拷贝和浅拷贝

    , num2 = num1;console.log(num1) //1console.log(num2) //1num2 = 2; //修改num2console.log(num1) //1conso ...

  4. [题解](prufer)明明的烦恼

    https://www.cnblogs.com/noip/archive/2013/03/10/2952520.html 以及高精(抄 #include<iostream> #includ ...

  5. moment.js插件的简单上手使用

    开发过程中看长篇幅的技术文档是件多么影响多发效率的事情丫,哼哼,人家明明只是想用个简单的功能而已丫,下面文档很好的解决了这个问题,yeah~~~ 一.monent.js时间插件 1.Moment.js ...

  6. fstream类总结

    - ofstream, ifstream, fstream 在头文件fstream中,在fstream类中,用open成员函数打开文件,实现类与文件的关联操作. - open(filename, mo ...

  7. CodeForces - 1005A-Tanya and Stairways(模拟)

    Little girl Tanya climbs the stairs inside a multi-storey building. Every time Tanya climbs a stairw ...

  8. 网络编程之异步IO,rabbitMQ笔记

    对于网络并发编程而言,多线程与多进程算是最常见的需求场景了.毕竟网站开放就是想要更多的流量访问的. 回顾 回顾下之前学过的关于线程,进程和协程的知识点 IO密集型任务--用多线程更好计算密集型任务-- ...

  9. .net创建activex实现摄像头拍照

    using System.Reflection; using System.Runtime.CompilerServices; using System.Runtime.InteropServices ...

  10. 中介者模式和php实现

    中介者模式: 中介者模式(Mediator Pattern)定义:用一个中介对象来封装一系列的对象交互,中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互.中介者模 ...