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

这篇具有很好参考价值的文章主要介绍了Visual Studio Code配置Tomcat运行Java Web项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

创建项目

创建Java Web项目

ctrl+shift+p打开搜索Maven原型, 并选择从maven原型创建新项目
vscode运行javaweb项目,其他,java,前端,vscode
或者按如下方式:选择从Maven原型创建Web项目

vscode运行javaweb项目,其他,java,前端,vscode
maven-archetype-webapp原型创建项目
vscode运行javaweb项目,其他,java,前端,vscode
接着选择原型版本、输入包名、项目名、选择项目存放位置
vscode运行javaweb项目,其他,java,前端,vscode
注意:到此需要按一下回车来继续
vscode运行javaweb项目,其他,java,前端,vscode
输入Y或者回车确认
vscode运行javaweb项目,其他,java,前端,vscode

补全项目结构

通过Maven原型创建的的项目目录结构是不完整的
vscode运行javaweb项目,其他,java,前端,vscode
手动补全,新工程目录如下
vscode运行javaweb项目,其他,java,前端,vscode
修改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插件,但是其已经过时了
vscode运行javaweb项目,其他,java,前端,vscode
但是其推荐使用Community Server Connector插件
vscode运行javaweb项目,其他,java,前端,vscode

安装Community Server Connectors插件之后会在控制栏多了一个SERVERS的选项卡

点击创建新的Server
vscode运行javaweb项目,其他,java,前端,vscode

可能出现异常:

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
vscode运行javaweb项目,其他,java,前端,vscode
选择本地的Tomcat安装路径
vscode运行javaweb项目,其他,java,前端,vscode
然后出现Tomcat的配置项,根据需要修改,默认即可
vscode运行javaweb项目,其他,java,前端,vscode
点击Finish后,Tomcat服务器就添加配置好了
vscode运行javaweb项目,其他,java,前端,vscode

项目部署

执行项目打包命令后,target目录将出现一个demo.war与一个demo项目名的目录
vscode运行javaweb项目,其他,java,前端,vscode
选择Tomcat,点击Add Deployment选项,进行项目部署
vscode运行javaweb项目,其他,java,前端,vscode
选择部署类型

选择File: 就是选择文件,一般用来选择war包

选择Exploded: 就是选择文件夹,如果使用热部署,选择编译后的项目文件夹,会进行实时更新

vscode运行javaweb项目,其他,java,前端,vscode

部署编译目录

选择打包生成的编译目录
vscode运行javaweb项目,其他,java,前端,vscode
会询问选择是否配置参数,这里选择No
vscode运行javaweb项目,其他,java,前端,vscode

于是Tomcat目录下就多了个项目
vscode运行javaweb项目,其他,java,前端,vscode
启动Tocmat
vscode运行javaweb项目,其他,java,前端,vscode

点击Publish Server(Full)进行项目发布
vscode运行javaweb项目,其他,java,前端,vscode

部署war包

执行选择打包生成的demo.war文件
vscode运行javaweb项目,其他,java,前端,vscode
于是Tomcat目录下就多了个项目
vscode运行javaweb项目,其他,java,前端,vscode
启动Tocmat

vscode运行javaweb项目,其他,java,前端,vscode
访问http://localhost:8080/demo/
vscode运行javaweb项目,其他,java,前端,vscode

修改index.jsp

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

vscode运行javaweb项目,其他,java,前端,vscode

热部署

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

vscode运行javaweb项目,其他,java,前端,vscode

热部署配置

编辑或者创建当前项目的.vscode文件夹中的settings.json文件
vscode运行javaweb项目,其他,java,前端,vscode
在项目的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文件夹中
vscode运行javaweb项目,其他,java,前端,vscode

为了配合热部署,打卡项目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目录
vscode运行javaweb项目,其他,java,前端,vscode
Tomcat目录下就多出一个个项目
vscode运行javaweb项目,其他,java,前端,vscode
启动Tomcat,点击Publish Server(Full)进行项目发布
vscode运行javaweb项目,其他,java,前端,vscode
访问浏览器:
vscode运行javaweb项目,其他,java,前端,vscode

启动热部署

点击热部署按钮启动热部署,修改index.jsp文件测试是否生效
vscode运行javaweb项目,其他,java,前端,vscode
修改index.jsp文件后访问浏览器:
vscode运行javaweb项目,其他,java,前端,vscode文章来源地址https://www.toymoban.com/news/detail-751584.html

到了这里,关于Visual Studio Code配置Tomcat运行Java Web项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Visual Studio Code配置Python运行环境

    Visual Studio Code配置Python运行环境(保姆级教学) Visual Studio Code是微软针对于编写现代Web和云应用开发的跨平台源代码编辑器,它支持多种语言和文件格式的编写,并且启动速度快,开源,语法高亮,颜值高等优点集于一身,受到许多开发者的热爱。 随着Python编程语言迅速的

    2024年02月16日
    浏览(55)
  • 使用Visual Studio Code 导入并运行vue项目

    一、安装并配置node.js 详见CSDN 查看node版本: 二、修改编辑器的语言(切换为中文) 打开VSCode, 快键键Ctrl+Shift+P ,搜索 Configure Display Language,选择安装其他语言,安装完成选择zh-cn,重启就变成中文了。  三、vue插件的安装(方便开发)(Ctrl+shift+X) eslint插件:eslint智能错误

    2024年02月08日
    浏览(66)
  • Visual Studio Code (VS Code) – C++ 入门(包含 vscode配置c++环境)

    —— 基于 VS Code 官方文档的全面的、具体的入门级教程 欢迎访问作者的主页:Xi Xu’s Home Page 本教程由文章(本文)和视频组成。 在本教程中,您将为使用 UCRT64 中的 GCC C/C++ 编译器(gcc/g++)和 GDB 调试器配置 VS Code 来创建在 Windows 上运行的程序。 配置 VS Code 后,您将在 V

    2024年02月01日
    浏览(77)
  • Visual Studio Code配置开发Maven项目、Spring Boot项目

    ctrl+shift+p打开搜索setting.json,这个setting.json配置属于全局配置 配置全局的Java与Maven信息 可以在当前项目的.vscode文件夹中,编辑或者创建settings.json,进行Java、Maven配置以此覆盖全局配置。 截至目前,新版本VSCode的Java扩展需要Java 17或更新的版本 如果想使用低版本的JDK,则需

    2024年02月03日
    浏览(45)
  • 【开发环境】Mac 安装 Visual Studio Code ② ( 装 C/C++ 扩展 | 安装配置 Code Runner 扩展插件 | 运行 C 语言程序 )

    在 VSCode 中 , 点击 左侧 的 \\\" 扩展 \\\" 按键 , 在 扩展 面板中 , 默认显示之前已经安装过的 扩展 ; 在 扩展面板 中的 搜索栏 , 输入 \\\" C \\\" , 第一个就是 C/C++ 扩展 , 点击 \\\" 安装 \\\" 按钮 , 安装改 扩展插件 ; 安装完毕后 , 提示 如下内容 ; 在 扩展 面板中 , 搜索 \\\" runner \\\" , 搜索出的第一个

    2024年04月25日
    浏览(84)
  • 更新 Visual Studio Code(VSCode)

    Visual Studio Code(简称 VSCode)是一款功能强大且广受欢迎的开源代码编辑器。它的开发者们经常发布新版本,以提供更好的性能、功能和安全性。本文将介绍如何更新 VSCode 到最新版本。 更新方法如下: 打开 Visual Studio Code:首先,打开你的 VSCode 编辑器。 打开扩展视图:在

    2024年02月06日
    浏览(67)
  • vscode(visual studio code) 免密登陆服务器

    1.生成密钥 首先,在本地,打开命令输入框: Win+R–弹出输入框,输入cmd,打开命令框。 然后,在命令框,输入 按两次回车键,问你是否重写,选择y。 接着,输入两次回车,即输入空白密码,,没有密码。 最后,便可以看到,在本地的目录下,生成了公钥和私钥。 选择画红

    2024年01月16日
    浏览(73)
  • Visual Studio Code(VSCode) 编辑/编译/调试 C++ 代码

    最近想要切换编辑工具,之前工作中使用过 Source Insight,Eclipse,CLion 来写 C++ 代码。目前来说 Source Insight 已经非常古老,只有编写代码还说得过去,编译、调试方面都不行。Eclipse 使用的时间最长,相对来说也比较好用,但是对于 C++11 之后的 C++ 代码实际上支持的并不友好。

    2024年02月03日
    浏览(161)
  • vue项目配置eslint(附visio studio code配置),web微信开发工具

    // 此插件用来识别.html 和 .vue文件中的js代码 ‘html’, // standard风格的依赖包 “standard”, // standard风格的依赖包 “promise” ], // add your custom rules here ‘rules’: { // allow paren-less arrow functions ‘arrow-parens’: 0, // allow async-await ‘generator-star-spacing’: 0, // allow debugger during development ‘

    2024年04月27日
    浏览(46)
  • Tomcat的介绍和安装配置、eclipse中动态web项目的创建和运行、使用IDEA创建web项目并运行

    一、Tomcat的介绍和安装配置 安装tomcat:                                      环境变量的配置: 配置之后重启cmd,执行startup命令,启动tomcat 在localhost:8080,能进入tomcat主界面,说明配置成功 二、eclipse中动态web项目的创建和运行 tomcat可以在面板上配,可以去windows中pr

    2024年02月14日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包