腳本之家服務器常用軟件

快捷導航

Visual?Studio?Code配置Tomcat運行Java?Web項目詳細步驟

更新時間：2023年11月30日 10:22:03 作者：CodeDevMaster

VS Code是一款非常棒的文本編輯器,具有配置簡單、功能豐富、輕量簡潔的特點,并且極其適合處理中小規(guī)模的代碼,這篇文章主要給大家介紹了關于Visual?Studio?Code配置Tomcat運行Java?Web項目的詳細步驟,需要的朋友可以參考下

創(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

可能出現異常：

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安裝路徑

然后出現Tomcat的配置項，根據需要修改，默認即可

點擊Finish后，Tomcat服務器就添加配置好了

項目部署

執(zhí)行項目打包命令后，target目錄將出現一個demo.war與一個demo項目名的目錄

選擇Tomcat，點擊Add Deployment選項，進行項目部署

選擇部署類型

選擇File: 就是選擇文件，一般用來選擇war包

選擇Exploded: 就是選擇文件夾，如果使用熱部署，選擇編譯后的項目文件夾，會進行實時更新

部署編譯目錄

選擇打包生成的編譯目錄

會詢問選擇是否配置參數，這里選擇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>