vscode集成javaweb項(xiàng)目

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容