1. 工具
1.1 下載maven
文章使用如下版本:
https://dlcdn.apache.org/maven/maven-3/3.9.1/binaries/apache-maven-3.9.1-bin.tar.gz
1.2 下載VSCode
文章使用VSCode版本為版本: 1.77.1 (Universal)
1.3 安裝插件

image.png

image.png
1.4 安裝JDK和tomcat

image.png
2. 配置
打開VSCode的設(shè)置,搜索Maven,這里需要填寫兩處:
2.1 maven可執(zhí)行文件路徑,也就是1.1里下載后解壓的路徑:

image.png
2.2 maven的配置文件路徑

image.png
2.3 配置tomcat
這里是1.3安裝的第一個插件,選擇Create New Server:

截屏2023-04-10 17.38.40.png
選擇NO,use server on disk:

image.png
選擇下載的tomcat目錄即可。
3.創(chuàng)建項(xiàng)目
3.1 創(chuàng)建java項(xiàng)目

image.png
3.2 選擇maven

image.png
3.3 選擇webapp

image.png
4.打包項(xiàng)目
4.1 執(zhí)行maven命令

image.png
4.2 選擇打包
注意,這個過程可能多次錯誤,常見于網(wǎng)絡(luò)狀況不好,多試幾次...

image.png
4.3 生成包
目錄中會自動顯示打包后的產(chǎn)物:

image.png
4.4 運(yùn)行
選擇Run on Server,這是1.3第一個插件提供的功能:

截屏2023-04-10 17.36.32.png
4.5選擇服務(wù)
目前只有一個tomcat 9.x:

image.png
默認(rèn)8080端口即可在瀏覽器查看。
瀏覽器輸入localhost:8080/[創(chuàng)建的java項(xiàng)目名,例子中就是demo]/index.jsp