vscode集成javaweb项目

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端口即可在浏览器查看。