創(chuàng)建項目
創(chuàng)建Java Web項目
ctrl+shift+p打開搜索Maven原型， 并選擇從maven原型創(chuàng)建新項目
或者按如下方式：選擇從Maven原型創(chuàng)建Web項目
從maven-archetype-webapp原型創(chuàng)建項目
接著選擇原型版本、輸入包名、項目名、選擇項目存放位置
注意：到此需要按一下回車來繼續(xù)
輸入Y或者回車確認
補全項目結構
通過Maven原型創(chuàng)建的的項目目錄結構是不完整的
手動補全，新工程目錄如下
修改pom.xml
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
</properties>
配置Tomcat Server
安裝Tomcat for Java插件，但是其已經過時了
但是其推薦使用Community Server Connector插件
安裝Community Server Connectors插件之后會在控制欄多了一個SERVERS的選項卡
點擊創(chuàng)建新的Server
可能出現(xiàn)異常：
Unable to create the server: Extension backend error - there are no rsp providers currently running to choose from. they may still be initializing.
原因：
項目使用的JDK版本過低，讓項目使用更高的JDK版本即可解決
解決：
修改當前項目的.vscode文件夾中的settings.json文件，添加JDK11配置，不使用全局settings.json中配置的JDK8
// Java配置
"java.jdt.ls.java.home": "D:/Development/Java/jdk11",
"java.dependencies.enabled": true,
// 是否自動更新Java構建配置
"java.configuration.updateBuildConfiguration": "automatic",
// 自動啟動Community Server Connector擴展
"rsp-ui.enableStartServerOnActivation": [
{
"id": "redhat.vscode-community-server-connector",
"name": "Community Server Connector",
"startOnActivation": true
}
],
會詢問是否下載服務器，這里選擇No，user server on disk，使用本地安裝的Tomcat
選擇本地的Tomcat安裝路徑
然后出現(xiàn)Tomcat的配置項，根據(jù)需要修改，默認即可
點擊Finish后，Tomcat服務器就添加配置好了
項目部署
執(zhí)行項目打包命令后，target目錄將出現(xiàn)一個demo.war與一個demo項目名的目錄
選擇Tomcat，點擊Add Deployment選項，進行項目部署
選擇部署類型
選擇File: 就是選擇文件，一般用來選擇war包
選擇Exploded: 就是選擇文件夾，如果使用熱部署，選擇編譯后的項目文件夾，會進行實時更新
部署編譯目錄
選擇打包生成的編譯目錄
會詢問選擇是否配置參數(shù)，這里選擇No
于是Tomcat目錄下就多了個項目
啟動Tocmat
點擊Publish Server(Full)進行項目發(fā)布
部署war包
執(zhí)行選擇打包生成的demo.war文件
于是Tomcat目錄下就多了個項目
啟動Tocmat
訪問http://localhost:8080/demo/
修改index.jsp
需要重新執(zhí)行maven的package打包，再次訪問即可達到熱部署效果，但是這種方式效率不高，尤其是項目大時，編譯打包緩慢，此時就需要使用熱部署
熱部署
Deploy：Deploy是一款熱部署插件。
熱部署配置
編輯或者創(chuàng)建當前項目的.vscode文件夾中的settings.json文件
在項目的settings.json中添加熱部署配置信息
{
//Deploy插件熱部署所需配置信息
"deploy": {
"packages": [
{
"name": "web app",
"description": "配置webapp中的文件路徑",
"files": [
"src/main/webapp/*",
"src/main/webapp/*/*",
"src/main/webapp/**",
],
"exclude": [
"src/main/webapp/test/*"
],
"deployOnSave": true,
"useTargetList": true,
"button": {
"text": "熱部署",
"tooltip": "點擊部署",
"targets": [ "HOTSITE" ]
},
}
],
"targets": [
{
"type": "local",
"name": "HOTSITE",
"description": "配置指向編譯目錄",
"dir": "target/TEST/",// 指向編譯后的文件路徑
"mappings": [
{
"source": "src/main/webapp",
"isRegEx": false,
"target": "/"
}
]
}
]
},
}
編譯配置
點擊Maven菜單中的compile按鈕，將后端文件編譯成class文件，保存到target下的classes文件夾中
為了配合熱部署，打卡項目pom.xml文件，修改maven的默認編譯位置，讓后端代碼編譯到某一個目錄，如：target/TEST/
<build>
<sourceDirectory>src/main/java</sourceDirectory>
<resources>
<resource>
<directory>src/main/resources</directory>
</resource>
</resources>
<outputDirectory>${basedir}/target/TEST/WEB-INF/classes</outputDirectory>
</build>
部署
選擇需要熱部署的目錄，會實時更新該目錄數(shù)據(jù)，也就是選擇編譯后的項目文件夾，即工程下的target/TEST目錄
Tomcat目錄下就多出一個個項目
啟動Tomcat，點擊Publish Server(Full)進行項目發(fā)布
訪問瀏覽器：
文章來源：http://www.zghlxwxcb.cn/news/detail-751584.html
啟動熱部署
點擊熱部署按鈕啟動熱部署，修改index.jsp文件測試是否生效
修改index.jsp文件后訪問瀏覽器：
文章來源地址http://www.zghlxwxcb.cn/news/detail-751584.html
到了這里，關于Visual Studio Code配置Tomcat運行Java Web項目的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
