使用Intellij IDEA2016从头创建一个tomcat项

今天使用IDEA2016版创建一个项目时，遇到点小挫折--war包里没有资源文件，好久没从头创建一个空项目，手生了。现在把整个创建过程记录下来，以备将来再遇到类似问题能够有地方查阅。
另外我记得之前的2015版本基本都是默认配置好的，没有这么复杂呢。

1. 使用maven的web模板（archetype）创建新项目。

首先选择新建项目

new

然后选择使用maven-archetype-webapp模板。

image.png

之后输入项目的groupId，项目名称等信息，一路 next就创建成功了项目。初始的项目结构如图：

image.png

新建java和test目录，分别作为存放项目代码和存放测试代码的目录。
并标记相关目录的对应功能，如图：

已标记test目录为例

标记完成后，目录图标会有区别：

image.png

接下来是最重要的部分，打开Project Settings（快捷键cmd+;）, 配置项目。
首先配置project属性

image.png

配置module，一般新建项目后，都会默认有一个module，如果你想一个项目下支持多个module，可以在这里新建。如图：

配置source image.png image.png

配置facets，facets可以理解为module的属性，标识这个module是web项目，或者spring项目，structs项目等。

new facets 挂载

接下来是最容易忽略的步骤，我这次踩空的地方就在此。原来默认新建的web类型的facets的web resource路径和maven-archetype-web的并不一致，这会导致你的webapp目录下的文件无法导入到war里面。所以一定自己手动修改一下！ 如图：

path

点击上图所示的create artifacts按钮之后，会自动新建一个war exploded（解压缩形式的war）类型的artifact。比自己再去手动新建方便一些。如图：

image.png

都配置好之后，开始配置tomcat。
在ide的右上角点击小箭头，增加一个tomcat配置。如图：

image.png

选择tomcat server

image.png

添加artifact。

image.png
除了点击fix按钮，也可以手动添加artifact。如图： image.png

tomcat的各个配置项：

image.png

运行tomcat，会自动打开网页，并显示“hello world”（index.jsp的内容）。至此配置完成。

image.png