两种方法都是可行的，相同点，都是需要补齐缺失目录。

方式一：使用骨架

选择web项目骨架，创建项目

创建Maven项目，勾选Create from archetype，选择下面的maven-archetype-webapp，注意不要选成上面的cocoon-22-archetype-webapp，点击Next。

填写工程文件名称，选择放置的文件路径，下面的信息可以改，不改的话默认就行，点击Next。

选择Maven路径，配置文件路径，本地仓库路径，不知道怎么配置Maven可以参考以前博客链接: Maven安装、配置和入门.，如果不选则默认使用IDEA绑定的Maven，点击Finish。

删除pom.xml中多余的坐标

接下来pom.xml文件中会导入一堆插件，暂时不需要，可以删除。从<name>到</build>都可以删除。

删完之后结果如下。

补齐缺失的目录结构

可以看到src下面没有main和resources目录，需要补齐。

右键src，新建directory，会显示main和resources目录，依次添加即可。

方式二：不使用骨架

创建Maven项目

和上面类似的步骤创建Maven项目，但是不勾选Create from archetype，点击Next。

pom.xml中添加打包方式为war

打开pom.xml文件可以看到打包方式为jar包，需要改成war包,

<packaging>war</packaging>

如下图所示。

补齐缺失的目录结构：webapp

点击齿轮，选择Project Structure。

点击Facets，再点击Web里面的tomcat-demo1，双击红色字体部分的目录，添加webapp目录。

点击加号，加web.xml，最后点击ok。

但是web.xml默认放置路径不是想要的，最后把WEB-INF整体移到webapp下即可，最后目录结构如图所示。

需要注意的是，Maven可以在File-settings-Build,Execution,Deployment-Maven里面改。