在繼續閱讀本教程之前，需要先依次完成 JDK、Maven、Tomcat、IntelliJ IDEA 的安裝。關于它們的安裝，可見筆者編寫的其它教程：

JDK 的安裝教程：https://blog.csdn.net/wangpaiblog/article/details/111466827

Maven 的安裝教程：https://blog.csdn.net/wangpaiblog/article/details/112689500

在 IntelliJ IDEA 中使用 Maven 構建 Web 應用的方法如圖所示：

此處，在 Maven 中選擇一個 Web 應用的 archetype（原型）。使用 Maven 原型能減少后續構建項目的工作量。

對圖中畫圈的地方進行自己喜歡的命名、設置。

此時，需要在圖中的 Properties 中添加鍵值對 Name-Value：

• Name： archetypeCatalog

  Value： internal

如果不添加此鍵值對，IntelliJ IDEA 將會從 Maven 中央倉庫去獲取上面選擇的 archetype。有過完整安裝 Maven 的讀者可能知道，這個過程可以十分緩慢。而添加此鍵值對之后，則獲取該 archetype 的方式將變為內部獲取，而使用這種方式構建項目的速度將大大提高。

現在，一個標準的 Web 應用的目錄已經形成。其中，文件夾 webapp 為應用的部署文件夾。

注意，在部署 Web 應用時，不要改變圖中文件夾 WEB-INF 的位置。關于在 IntelliJ IDEA 中 Web 應用目錄結構的更多信息及更多的注意事項，可見筆者的另一篇博客：

Tomcat 下構建 Web 應用時，常犯的一些通用錯誤：
https://blog.csdn.net/wangpaiblog/article/details/112550144

另外，請刪除 Web 應用中的 lib 文件夾，因為這會與 Maven 目錄中的文件 pom.xml 中的依賴發生沖突，引發 IntelliJ IDEA 報錯。關于這個報錯，有興趣的讀者可以閱讀筆者的另一篇博客：

解決IntelliJ IDEA報錯：調用方法[manageApp]時發生異常java.lang.IllegalStateException: 啟動子級時出錯：
https://blog.csdn.net/wangpaiblog/article/details/114055212

在 Maven 目錄中的文件 pom.xml中設置應用所需要的依賴等信息。一個可供參考的示例，可見筆者的另一個博客：

Maven 配置文件 pom 的常用依賴配置代碼：
https://blog.csdn.net/wangpaiblog/article/details/112797500

現在來配置 Tomcat。

此處選擇后綴為 war exploded（熱部署）的選項。

然后對圖中畫圈的地方進行自己喜歡的命名、設置。其中，Application context 項代表 Web 應用的應用名，此部分是訪問該 We b應用時，該 Web 應用路徑的一個組成部分。

添加 Tomcat 服務器。

注意，添加 Tomcat 服務器時選擇的目錄是該 Tomcat 服務器的安裝目錄。

對圖中畫圈的地方進行自己喜歡的命名、設置。

如果第一次進行這種配置，則還會有 Tomcat 的日志中顯示中文亂碼的問題，關于這方面的問題，可見筆者的另一個博客：

解決 IntelliJ IDEA 內置的 Tomcat 日志中顯示的中文亂碼：
https://blog.csdn.net/wangpaiblog/article/details/115587823?spm=1001.2014.3001.5501

在前面的Web應用部署和Tomcat配置都完成之后，就可以運行該Web應用了。