VsCode 配置 Java Web开发环境

前言: JAVA 项目是需要各种依赖关系的,VSCODE 作为一个编辑器的确不能良好的承担起所需的种种功能,为了方便快捷的开发还是推荐使用lnterlliJ IDEA

基本环境

  • Java sdk
  • maven (编译打包构建工具,用来生成一个web项目,你可以把这个东西理解成前端的npm)
    • 安装maven教程
    • 安装完成后,需要重启一下(可能restart当前命令行窗口也可以),环境才能生效
  • tomcat(代理服务器)
    • 如果你下在的tomcat的是免安装版的话,在启动的时候会出现双击startup.bat闪退的现象
    • 解决方案

前期准备

  • 打开 maven 的安装目录/conf/setting.xml,替换里面的 mirrors 为下面代码,这样可加速 maven 项目的构建、编译、测试:

注意修改setting.xml需要更改用户组权限,不然无法修改(当然可能这和你的操作系统,以及maven保存的盘符位置有关,如果没有遇到无法修改的问题请忽略该条信息)

<mirror>
    <id>alimaven</id>
    <name>aliyun maven</name>
    <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
    <mirrorOf>central</mirrorOf>        
  </mirror>
  • vscode 安装 Java Extension Pack 插件
    • 该插件会自动帮你装上其他的你必须的插件

创建工程项目并打包

  • 插件安装成功后重启 vscode,在左侧项目区右键,可以看到从 MAVEN PROJECT,选择+号即可创建新项目,或按下ctrl + shift + p输入 maven,选择Create Maven Project
  • 择maven-archetype-webapp后 maven 会下载各种依赖,并要求你填写 groupId、artifactId(这俩个Id,可以重复,artifactld 的值即为新建项目的文件名)等,然后就会建立一个 java-web 项目。有些可以直接回车采用默认值。
  • 执行mvn clean package将项目打包后,在 target 目录中会生成 .war 文件

发布到本地的tomcat服务器上

  • 启动 tomcat,将上面生成的 .war 文件手动复制到 tomcat 安装目录的 webapps 文件夹下,假设 .war 的文件名为HelloWorld在浏览器输入http://localhost:8080/HelloWorld
  • 如果使用VsCode插件Tomcat for Java 可能不能找到资源返回404错误,具体原因,尚不清楚
  • 14
    点赞
  • 48
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
VSCode配置Web开发环境需要进行以下步骤: 1. 首先,你需要安装Maven插件。Maven是一个用于构建和管理Java项目的工具。你可以通过VSCode的插件市场搜索并安装Maven插件。 2. 安装完成后,你可以创建一个Maven Web项目。在VSCode中,你可以使用Maven插件来创建和管理项目。你可以使用命令面板(Ctrl+Shift+P)并输入"Maven: Create Maven Project"来创建一个新的Maven项目。 3. 在创建项目时,你可以选择使用Maven的默认配置或自定义配置。根据你的需求进行选择。 4. 创建项目后,你可以在VSCode中打开项目文件夹。在项目文件夹中,你可以找到一个名为"index.jsp"的文件,这是项目的入口文件。\[1\] 5. 接下来,你需要配置服务器端口。默认情况下,Web应用程序使用的端口是8080。你可以在项目的配置文件"server.xml"中修改端口号。\[2\] 6. 最后,你可以根据需要进行其他配置。例如,你可以选择创建桌面快捷方式、将VSCode添加到右键菜单等。\[3\] 总结起来,配置VSCodeWeb开发环境需要安装Maven插件、创建Maven项目、配置服务器端口等步骤。希望这些信息对你有帮助。 #### 引用[.reference_title] - *1* *2* [VsCode配置JavaWeb(最新)](https://blog.csdn.net/qq_56051596/article/details/126014977)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Windows下VSCode开发及运行Web程序环境配置](https://blog.csdn.net/liu2004051957/article/details/127975843)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值