Visual Studio Code配置Tomcat运行Java Web项目

配置Tomcat运行Java Web项目

创建项目创建Java Web项目补全项目结构 配置Tomcat Server项目部署部署编译目录部署war包 热部署热部署配置编译配置部署启动热部署

创建项目

创建Java Web项目

ctrl+shift+p打开搜索Maven原型， 并选择从maven原型创建新项目

或者按如下方式：选择从Maven原型创建Web项目

从maven-archetype-webapp原型创建项目

接着选择原型版本、输入包名、项目名、选择项目存放位置

注意：到此需要按一下回车来继续

输入Y或者回车确认

补全项目结构

通过Maven原型创建的的项目目录结构是不完整的

手动补全，新工程目录如下

修改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的选项卡

点击创建新的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服务器就添加配置好了

项目部署

执行项目打包命令后，target目录将出现一个demo.war与一个demo项目名的目录

选择Tomcat，点击Add Deployment选项，进行项目部署

选择部署类型

选择File: 就是选择文件，一般用来选择war包选择Exploded: 就是选择文件夹，如果使用热部署，选择编译后的项目文件夹，会进行实时更新

部署编译目录

选择打包生成的编译目录

会询问选择是否配置参数，这里选择No

于是Tomcat目录下就多了个项目

启动Tocmat

点击Publish Server(Full)进行项目发布

部署war包

执行选择打包生成的demo.war文件

于是Tomcat目录下就多了个项目

启动Tocmat

访问http://localhost:8080/demo/

修改index.jsp

需要重新执行maven的package打包，再次访问即可达到热部署效果，但是这种方式效率不高，尤其是项目大时，编译打包缓慢，此时就需要使用热部署

热部署

Deploy：Deploy是一款热部署插件。

热部署配置

编辑或者创建当前项目的.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>

部署

选择需要热部署的目录，会实时更新该目录数据，也就是选择编译后的项目文件夹，即工程下的target/TEST目录

Tomcat目录下就多出一个个项目

启动Tomcat，点击Publish Server(Full)进行项目发布

访问浏览器：

启动热部署

点击热部署按钮启动热部署，修改index.jsp文件测试是否生效

修改index.jsp文件后访问浏览器：

本文链接：https://www.kjpai.cn/news/2024-03-30/151005.html，文章来源：网络cs，作者：胡椒，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！