【java】vscode配置javaweb开发环境

已于 2024-08-31 15:55:21 修改
阅读量485 收藏 4
点赞数 6
文章标签： java vscode 开发语言
于 2024-08-31 13:13:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xudawu201/article/details/141744458
版权

下载jdk

https://www.oracle.com/java/technologies/downloads/?er=221886

在这里插入图片描述
下载完毕直接安装，安装完毕自动添加以下环境变量
在这里插入图片描述
在cmd中运行

java -version

出现以下代表成功
在这里插入图片描述
再添加系统变量
在这里插入图片描述

下载Maven

https://maven.apache.org/download.cgi

在这里插入图片描述
下载完解压放到自己方便找到的位置，以下为我的存放目录
在这里插入图片描述

添加环境变量
在这里插入图片描述
在cmd中输入

mvn -version

我的出现以下报错
在这里插入图片描述
在安装目录bin中运行mvn.cmd
在这里插入图片描述
出现以下报错，一闪而过，通过录屏捕捉到错误信息
在这里插入图片描述
在cmd中添加compile，出现以下代表安装成功

mvn compile -version

在这里插入图片描述
查了一下原因，maven执行时需要指定阶段，没有指定就会报错，maven有很多生命周期阶段，如下图。指定执行后面的阶段，则之前阶段会自动执行
并且一次在mvn中指定了compile，后续就可以不加了
在这里插入图片描述
同理，在cmd中输入以下也能得到相同结果

mvn test -version

在这里插入图片描述
在vscode中添加扩展
搜索community 在这里插入图片描述
安装maven for java
在这里插入图片描述
创建java web项目
打开vscode命令面板搜索maven
在这里插入图片描述
选择new project
在这里插入图片描述
继续搜索web，点击webapp
在这里插入图片描述
给项目命名
在这里插入图片描述
然后一路确认，如果出现报错如Error: JAVA_HOME not found in your environment
将vscode改为以管理员身份启动，正常情况是这时候vscode在下载各种配置文件，如下图
在这里插入图片描述
出现以下结果很久没动
在这里插入图片描述

因为 Maven默认读取远程的Archetype 目录：http://repo.maven.apache.org/maven2/archetype-catalog.xml
这个文件很大， 如果网络条件不好的话就需要很长时间。
耐心等待后出现以下结果，左上角为自动创建的目录
在这里插入图片描述
配置服务器
点击服务器，然后耐心等待
在这里插入图片描述
出现以下为完成
在这里插入图片描述
下载tomcat服务器文件到本地

https://tomcat.apache.org/

在这里插入图片描述
下载完解压放到合适的位置
在这里插入图片描述
添加环境变量
在这里插入图片描述
在cmd中输入startup，出现报错
在这里插入图片描述
在tocamcat安装目录找到startup.bat双击启动服务器出现以下，中文乱码大概是因为终端字符编码的问题，先忽略
在这里插入图片描述
在浏览器中输入环回地址127.0.0.1:8080或者localhost:8080，两者等同，端口号8080由上图得出，出现以下结果代表tomcat没问题
在这里插入图片描述
然后在此文件夹下找到shutdown.bat关闭服务器
在vscode中新建服务器
在这里插入图片描述
选择不下载，使用本地的服务器文件
在这里插入图片描述
选择tomcat安装的根目录
在这里插入图片描述
直接finish
在这里插入图片描述
配置好后为自动添加一个tomcat服务器，在服务器上右键点击start server
在这里插入图片描述
出现以下信息表示服务器成功启动，可以和刚才一样的访问方式一样访问，在本电脑cmd中输入ipconfig出现以下，其他在同一局域网的设备输入此ip地址加8080端口号可访问到这个服务器
在这里插入图片描述
这里用本人手机示例，在手机浏览器中输入10.148.137.112:8080，出现以下结果
在这里插入图片描述
至此实现了两种启动tomcat服务器的方式，在cmd中直接执行startup提示找不到可运行的文件，但目前来说没有影响，本文暂时不管
在vscode中启动服务器需要添加环境变量，直接在tomcat安装目录中启动不需要环境变量，可以根据需要选择是否添加

将项目打包发布到服务器上
在命令面板中搜索execute，选择执行命令
在这里插入图片描述
选择package打包
在这里插入图片描述
出现错误提示，点击设置
在这里插入图片描述
填入mvn.cmd绝对地址
在这里插入图片描述
解决问题后重试，出现以下打包信息，耐心等待
在这里插入图片描述
出现以下信息代表打包成功
在这里插入图片描述
在war包上右键，run on server启动服务器
在这里插入图片描述
启动服务器完成后在浏览器中输入127.0.0.1:8080访问到以下结果
在这里插入图片描述
访问的是默认的页面，要访问刚才默认生成的页面在地址栏后添加项目名访问，如下
在这里插入图片描述
项目手动部署到服务器
在tomcat的webapps中可以发现刚才的demo.war包和一个解压的demo，war包是整个网页文件，启动服务器之后会自动解压
这里示例手动部署，先把自动部署的war和解压的文件夹一并删除
在这里插入图片描述
然后在刚才的项目文件中找到war包
在这里插入图片描述
复制到tomcat安装目录的webapps文件夹下
在这里插入图片描述
在tomcat安装目录中找到startup.bat双击启动服务器
在这里插入图片描述
浏览器中访问，得到一样的结果
在这里插入图片描述
默认启动访问的是tomcat管理页面，放上去的项目文件在二级目录，可以更改默认访问的页面，本文就不继续写教程了
到现在为止，本文vscode配置javaweb的环境基本完整

rhythmcc
关注
vscode 配置javaweb开发环境,超级简单,纯新手带图,学会后真香.宇宙无敌第一编辑器vscode
zhongjl666的博客
10-27 3960
vscode配置javaweb环境
VSCode中开发JavaWeb项目（Maven+Tomcat+热部署）
weixin_49666086的博客
07-29 1万+
在VSCode中开发JavaWeb项目，包括Maven构建、Community Server Connectors插件部署Tomcat、Deploy热部署等。
VSCODE 打造完美java开发环境
begefefsef的博客
05-17 654
vscode Java 开发环境配置 VsCode 对 Java 的支持优化了许多（此博客是富文本编辑器编写，不方便更新，迁移到新地址） 使用vscode后，你可能无法忍受 eclipse 😃 最后更新时间: 2020-05-30 (博客地址) 系统需安装jdk1.8，配置好环境变量JAVA_HOME 打开vscode，安装java相关插件 Language support for Java for Visual Studio Code Java Extension Pack Debugger for J
JavaWeb：VsCode创建Web项目
最新发布
qq_55038440的博客
05-11 1768
其中java是放java代码的，resources是放资源文件的，lib是放jar包的。在settings.xml的mirrors标签下添加mirror标签，具体为以下代码。建好文件夹后，打开conf文件夹，打开settings.xml，这步是设置本地依赖存储仓库的。这里的包添加的是Maven打包成的war包用来发布项目，当然也可以上传文件。之前安装的服务器插件，在vscode上配置tomcat服务器。先在官网上下载tomcat，解压到自己设定的文件夹。Java的运行插件和Maven的运行插件。
vscode 配置java web
qq_29622007的博客
12-15 897
命令行界面里回车，根据提示输入Y，有build success就表示创建成功了。还需在webapp下面创建java和resources两个文件目录。所在maven路径\apache-maven\maven-repo 根据你的repo自己指定。配置settings.xml，路径在apache-maven目录的conf里面。打开查看点击命令面板，输入maven 点击执行。,选择自己合适的版本下载解压到指定的目录。最后添加maven的环境变量。,解压文件到指定的文件夹即可。，选择相应的版本即可。
VScode+Maven+Tomcat构建java Web开发环境
qq_40467855的博客
03-13 1823
本文记录使用vscode搭建基于maven的Java Web 环境。注意经过查证，VSC并不适合作为JSP文件的编辑器，就连微软也对此持推诿态度，因此，我们建议读者使用或者Eclipse来开发JAVA Web程序。如果你仍然执着于使用VSC编辑你的JSP(犟种)，你可以继续往下看。:::more大概就是怎么些玩意吧，祝你使用愉快~~~
vscode配置javaweb
weixin_45609535的博客
11-23 1万+
转至我的博客园 前置条件，安装JDK，VScode(其中依赖插件：Extension Pack for Java，Language Support for Java™ by Red Hat，Maven for Java，Tomcat for Java)，Maven， 1.1在vscode上配置Tomcat 1)先安装：官方网站(最好使用9.0的版本，因为10.0的版本中的一些名字会发生改变) 2)安装Tomcat for Java插件：然后点击插件中右上角的 + 号 然后选择你本地安装Tomcat的目录
vscode配置javaweb开发环境
09-13
要在VSCode中配置JavaWeb开发环境，你需要进行以下几个步骤： 1. 确保你已经安装了Java Development Kit（JDK）。你可以从Oracle官方网站下载并安装适合你操作系统的JDK版本。 2. 从VSCode官方网站下载并安装...
VsCode搭建Java开发环境的方法
08-26
主要介绍了VsCode搭建Java开发环境的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vscode配置javaweb环境
09-12
要在VS Code中配置Java Web环境，需要进行以下步骤： 1. 安装Java Development Kit（JDK）：下载并安装适用于你的操作系统的最新版JDK。可从Oracle官方网站或OpenJDK官方网站获取。 2. 配置Java环境变量：将Java...
macOS在vscode上配置javaweb完整过程
qq_24270109的博客
02-20 2971
一.资源下载 1.1jdk 建议下载jdk11 更稳定(LTS) https://www.oracle.com/java/technologies/javase-jdk11-downloads.html 若下载速度过慢 可用华为镜像: https://repo.huaweicloud.com/java/jdk/ 1.2tomcat 下载9就行 http://tomcat.apache.org/ ...
VsCode配置JavaWeb（最新）
热门推荐
qq_56051596的博客
07-27 2万+
我个人是很喜欢VsCode的，开源免费、功能全面。所以为了方便，我把我几乎所有的运行都集成到了VsCode上来，JavaWeb也不例外。
VSCode 配置 Web开发
yexiangCSDN的专栏
04-14 2642
大家好，我是表哥Harker，表妹我来咯~ 这篇是VSCode 工具的介绍篇，表哥把VSCode使用写到这里，可以当做一个参考手册，表妹们可以参考把VSCode安装好后，然后安装给出的插件。 系列教程在Windows系统上进行开发，所以建议大家下载win版本的VSCode，当然如果是Macbook等系统就下载对应系统版本就行。 1、VScode 下载 可以到官网下载安装，下载好后基本就是一键安装：https://code.visualstudio.com/ 2、VScode 常用快...
vscode配置web开发环境(WampServer)
m0_52682586的博客
01-19 1031
找到可执行文件的路径这一项，点左边的齿轮复制setting ID，再点下面的在settings.json文件中编辑，可能会出现安装问题，这里说只有图上这些VC++包都安装了才能继续安装，进入。下载安装完成后复制php.exe文件的路径，这里先随便选了一个php版本。安装完成后再次运行wampserver的安装程序可以正常下载安装了。打开vscode的Settings，搜索关键词。，集成了php，MySQL，Apache。这里直接去下载了集成的服务器组件。下载exe文件安装相关的包。ctrl+s保存配置。
07-04-vscode搭建java环境
夸父博客
08-08 1034
项目打开后，先对该项目的settings.json文件进行配置，这个属于该项目私人的配置文件，不同于上面全局的settings.json，它存在于本项目的.vscode文件夹中，一开始是看不见的。确定之后会选择项目的存放路径，然后Maven就开始构建项目了。在工具的最底端，有一个热部署的按钮，只需要第一次的时候点击就可以了，以后更改项目文件的时候直接ctrl+s保存就会进行热部署，就不再需要按了。-------------------使用 tomcat 调试 web 项目-------------
vs java_VSCode搭建Java开发运行环境
weixin_33507732的博客
02-15 996
用了一段时间VSCode，觉得还可以，想用VSCode整合不同的开发语言，于是研究了一下利用VSCode搭建Java环境、开发Java程序。网上这方面的帖子有不少，但每人的经历不同，把自己的经历记下来吧。先附上官网链接，官网上也对在VSCode中如何使用开发Java程序进行了说明VSCode能开发不同的语言靠的就是众多插件了，先下载开发Java程序用的插件，官网上推荐的插件有四个：对于开发简单的J...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

rhythmcc

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值