美文网首页
vscode集成javaweb项目

vscode集成javaweb项目

作者: 9a957efaf40a | 来源:发表于2023-04-09 17:44 被阅读0次

1. 工具

1.1 下载maven

文章使用如下版本:
https://dlcdn.apache.org/maven/maven-3/3.9.1/binaries/apache-maven-3.9.1-bin.tar.gz

1.2 下载VSCode

文章使用VSCode版本为版本: 1.77.1 (Universal)

1.3 安装插件

image.png
image.png

1.4 安装JDK和tomcat

image.png

2. 配置

打开VSCode的设置,搜索Maven,这里需要填写两处:

2.1 maven可执行文件路径,也就是1.1里下载后解压的路径:

image.png

2.2 maven的配置文件路径

image.png

2.3 配置tomcat

这里是1.3安装的第一个插件,选择Create New Server:


截屏2023-04-10 17.38.40.png

选择NO,use server on disk:


image.png
选择下载的tomcat目录即可。

3.创建项目

3.1 创建java项目

image.png

3.2 选择maven

image.png

3.3 选择webapp

image.png

4.打包项目

4.1 执行maven命令

image.png

4.2 选择打包

注意,这个过程可能多次错误,常见于网络状况不好,多试几次...


image.png

4.3 生成包

目录中会自动显示打包后的产物:


image.png

4.4 运行

选择Run on Server,这是1.3第一个插件提供的功能:


截屏2023-04-10 17.36.32.png

4.5选择服务

目前只有一个tomcat 9.x:


image.png

默认8080端口即可在浏览器查看。

相关文章

网友评论

      本文标题:vscode集成javaweb项目

      本文链接:https://www.haomeiwen.com/subject/stwbddtx.html