vscode 搭建web工程_vscode可以开发javaweb么

vscode是可以开发javaweb的,但是在开发之前需要配置javaweb开发环境。

附:vscode配置javaweb开发环境

基本环境

1、Java sdk

2、maven (编译打包构建工具,用来生成一个web项目,你可以把这个东西理解成前端的npm)

(1)安装maven

(2)安装完成后,需要重启一下(可能restart当前命令行窗口也可以),环境才能生效

3、tomcat(代理服务器)

前期准备

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

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

alimavenaliyun mavenhttp://maven.aliyun.com/nexus/content/groups/public/central

vscode 安装 Java Extension Pack 插件,该插件会自动帮你装上其他的你必须的插件。

创建工程项目并打包

1、插件安装成功后重启 vscode,在左侧项目区右键,可以看到从 MAVEN PROJECT,选择+号即可创建新项目,或按下ctrl + shift + p输入 maven,选择Create Maven Project

2、选择maven-archetype-webapp后 maven 会下载各种依赖,并要求你填写 groupId、artifactId(这俩个Id,可以重复,artifactld 的值即为新建项目的文件名)等,然后就会建立一个 java-web 项目。有些可以直接回车采用默认值。

3、执行mvn clean package将项目打包后,在 target 目录中会生成 .war 文件。

发布到本地的tomcat服务器上

启动 tomcat,将上面生成的 .war 文件手动复制到 tomcat 安装目录的 webapps 文件夹下,假设 .war 的文件名为HelloWorld在浏览器输入http://localhost:8080/HelloWorld。

相关教程推荐:vscode教程

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在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\] 总结起来,配置VSCode的Web开发环境需要安装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 ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值