B53-VSCode运行Java工程

VSCode运行PHP代码
https://wiki.bafangwy.com/doc/19/

B52-VScode编译C语言
https://wiki.bafangwy.com/doc/611/

B54-VSCode运行Python代码
https://wiki.bafangwy.com/doc/715/

# 前提条件
配置JDK和Maven环境变量参考（完成第一步和第二步）：
https://wiki.bafangwy.com/doc/608/

------------

本文分成两篇，Spring Boot工程（用Java类启动）和Java Web工程（部署到tomcat启动）。
注意，第一篇的 1-3 步属于通用配置，不管什么类型的工程都要配置。

# 一、Spring Boot工程
以内存马课程的`springboot-shiro`工程为例
## 1、安装插件
VS打开Java工程，此时会自动提示安装插件
`Extension Pack for Java`
![](/media/202405/2024-05-14_094831_1669090.7719685878475592.png)

或者搜索：

![](/media/202405/2024-05-14_094949_2118850.6824692974305646.png)

其他需要安装的插件：
`Spring Boot Extension Pack`
`Lombok Annotations Support for VS Code`
`Language Support for Java(TM) by Red Hat`

![](/media/202405/2024-05-14_095017_3212450.3984528769777991.png)

![](/media/202405/2024-05-14_095037_7558000.12518212887720104.png)

![](/media/202405/2024-05-14_095112_1518920.42110995165493303.png)

其他VSCode自动建议安装的插件：

![](/media/202405/2024-05-14_100120_7702000.6135414693869896.png)

## 2、打开配置文件
按快捷键`Ctrl + Shift + P`
输入`settings.json`，打开

![](/media/202409/2024-09-03_132642_5361880.7378726897472868.png)

中文版：
![](/media/202405/2024-05-14_100833_2432710.23140235597181835.png)

或者：
文件——首选项——设置

![](/media/202405/2024-05-14_102606_6346190.01876527288715535.png)

在`settings.json`中编辑
![](/media/202405/2024-05-14_102542_0253720.5354472798382532.png)

## 3、编辑配置文件内容
内容注意：
1、如果已经有大括号，就直接粘贴放进去；如果没有大括号，就在外面加一个。
2、行与行之间要用逗号`,`分隔。
``` "java.errors.incompleteClasspath.severity": "ignore",
    "java.jdt.ls.java.home":"E:/dev_runApp/jdk1.8.0_74",
    "java.configuration.maven.userSettings": "E:/dev_runApp/apache-maven-3.6.3/conf/settings-aliyun.xml",
    "maven.executable.path": "E:/dev_runApp/apache-maven-3.6.3/bin/mvn.cmd",
    "maven.settingsFile": "E:/dev_runApp/apache-maven-3.6.3/conf/settings-aliyun.xml",
    "maven.terminal.useJavaHome": true,
    "maven.terminal.customEnv": [
        {
             "environmentVariable": "JAVA_HOME",
             "value": "E:/dev_runApp/jdk1.8.0_74"
         }
    ],
```

需要修改的五个值：
（注意，粘贴过来的路径反斜杠`\`全部要改成`/`）
如果配置文件里面本身有值，需要在原来的末尾加一个英文逗号`,`，否则会语法错误

![](/media/202405/2024-05-14_104319_0445390.44853052567548224.png)

# 通用配置到此结束
# 通用配置到此结束
# 通用配置到此结束

## 4、下载依赖

![](/media/202405/2024-05-14_100302_5824280.942202255733406.png)

VSCode左下角出现MAVEN的图标：

![](/media/202405/2024-05-14_104408_8138520.6053146496219416.png)

如果阿里云的依赖下载不来，可以把配置文件里面这一行删掉，使用maven官方仓库，速度慢一点：
`"maven.settingsFile": "E:/dev_runApp/apache-maven-3.6.3/conf/settings-aliyun.xml",`

## 5、启动Spring Boot项目
右键Run Java

![](/media/202405/2024-05-14_110613_9664470.8600912866943023.png)

# 二、Java Web工程

以内存马课程的`ServletJspProject`工程为例。
首先打开这个工程

## 1、安装插件
`Community Server Connectors`
**安装完成后记得重启VSCode**
![](/media/202405/2024-05-14_114529_6149130.5900202487373972.png)

## 2、打包工程
使用maven打包：

![](/media/202405/2024-05-14_115258_4989250.7210867241330686.png)

打包好的文件在`target`目录下

![](/media/202405/2024-05-14_115329_7809010.9203392373774559.png)

## 3、添加Tomcat服务
在`Community Server Connectors`插件上右键
`Create New Server`

![](/media/202405/2024-05-14_115430_0167510.6860039376629867.png)

选择：`No,use server on disk`

![](/media/202405/2024-05-14_115505_1962660.4872534597534496.png)

选中使用的tomcat目录
![](/media/202405/2024-05-14_114704_2442430.7173743036485158.png)

名字保持默认：

![](/media/202405/2024-05-14_114725_3795580.12742674986482272.png)

## 4、添加war包部署

右键 `Add Deployment`
![](/media/202405/2024-05-14_114735_4977050.32364617542427.png)

选择`File`

![](/media/202405/2024-05-14_114751_6885920.8909996382707716.png)

选择工程target目录下打好的war包

![](/media/202405/2024-05-14_121009_3762810.982774375556795.png)

这里选`No`

![](/media/202405/2024-05-14_114819_9572360.3511729601472334.png)

已经添加好：
![](/media/202405/2024-05-14_114825_3736530.9316931721461287.png)

发布服务：`Publish Server(Full)`

![](/media/202405/2024-05-14_115940_3972180.3591900295056457.png)

在tomcat中可以看到：
war包已经被复制到`webapps`目录下并解压：

![](/media/202405/2024-05-14_120010_1299350.22222246611755758.png)

## 5、启动tomcat工程
右键 `Start Server`

![](/media/202405/2024-05-14_115612_4127710.005341333920291347.png)

启动成功：

![](/media/202405/2024-05-14_114901_8474210.8025043874118387.png)

后面带文件夹名字启动（也就是原war包的名称）：

访问：`http://localhost:8080/ServletJspProject-0.0.1-SNAPSHOT/`

![](/media/202405/2024-05-14_120053_6557660.38195374814764915.png)