IDEA配置Tomcat服务器并创建Java Web项目
一:创建Web项目
Step-one:创建Web项目 File->new Project



Step-two:在WEB-INF目录下创建classes和lib目录 new -> Directory

Step-three:进入Project Structure窗口 File->Project Structure
.
Step-four:点击 Modules -> 选中项目“JavaWeb” -> 切换到 Paths 选项卡 -> 勾选 “Use module compile output path”,将 “Output path” 和 “Test output path” 都改为之前创建的classes目录

Step-five:点击 Modules->选中项目“JavaWeb”->切换到 Dependencies 选项卡 -> 点击右边的“+”,选择 “JARs or directories”

Java Web项目是需要依赖 上图的JDK与Tomcat包(Servlet模块就在里面)的



Step-six:配置打包方式Artifacts:点击 Artifacts选项卡,IDEA会为该项目自动创建一个名为“JavaWeb:war exploded”的打包方式,表示 打包成war包,并且是文件展开性的,输出路径为当前项目下的 out 文件夹,保持默认即可。另外勾选下“Build on make”,表示编译的时候就打包部署,勾选“Show content of elements”,表示显示详细的内容列表

其它参考详解
IDEA 菜单项中Compile、Make和Build的区别
二:配置 Tomcat
Step-seven:进入“Run Configurations”窗口 Run -> Edit Configurations
.
Step-eight:创建一个新的Tomcat容器 点击"+"-> Tomcat Server -> Local

Step-nine:在"Name"处输入新的服务名,点击“Application server”后面的“Configure...”,弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK

Step-ten:在“Run Configurations”窗口的“Server”选项板中,去掉勾选“After launch”,设置“HTTP port”和“JMX port”,点击 Apply -> OK

三:在 Tomcat中部署并运行项目
Step-eleven:Run->Edit Configurations,进入“Run Configurations”窗口,选择之前配置好的Tomcat,点击“Deployment”选项卡,点击“+”->“Artifact”-> 选择创建的web项目的Artifact

Step-twelve:修改“Application context”-> Apply -> OK

Step-thirteen:运行Tomcat,在浏览器中查看运行结果