VS Code开发Spring Boot + Cloud示例（一）搭建VS Code Java开发环境

野性酷女 2022-05-15 00:55 705阅读 0赞

机器环境：Windows 10，用户名hugo（文章里面出现hugo时请改成你自己的用户名）

# 1 安装JDK 10 #

### 1.1 下载 ###

下载地址：[Java SE Development Kit 10 Downloads][]，选择jdk-10.0.2\_windows-x64\_bin.exe

### 1.2 设置环境变量 ###

增加环境变量JAVA\_HOME=C:\\Program Files\\Java\\jdk-10.0.2（安装路径）  
增加路径Path=%JAVA\_HOME%\\bin

# 2 安装VS Code #

官网地址：[Visual Studio Code][]，点“Download for Windows  
Stable Build”下载

# 3 安装VS Code插件 #

### 3.1 Java Extension Pack ###

安装此插件时会同时安装下列关联插件：  
\- Language Support for Java(TM) by Red Hat  
\- Java Extension Pack  
\- Java Test Runner  
\- Maven for Java

### 3.2 Spring Boot Extension Pack ###

安装此插件时会同时安装下列关联插件：  
\- Spring Boot Tools  
\- Cloudfoundry Manifest YML Support  
\- Concourse CI Pipeline Editor  
\- Spring Initializr Java Support

### 3.3 其他可选插件 ###

*  Tomcat for Java（使用本机Tomcat运行项目，Spring Boot默认用自带的）
 *  Lombok Annotations Support for VS Code（可以减少很多重复代码的书写）
 *  Debugger for Chrome（利用Chrome 调试js）
 *  vscode-icons（树目录显示合适的图标）

# 4 安装Maven #

### 4.1 下载 ###

下载地址：[Maven][]，下载  
mavenapache-maven-3.5.4-bin.zip

### 4.2 解压 ###

解压到C:\\Users\\hugo\\apache-maven-3.5.4（路径自己定）

### 4.3 设置环境变量 ###

增加变量MAVEN\_HOME=C:\\Users\\hugo\\apache-maven-3.5.4  
增加路径Path=%MAVEN\_HOME%\\bin

### 4.4 检测 ###

在命令行中执行mvn -version，输出Apache Maven 3.5.4就说明装好了，这时会自动生成本地仓库路径：C:\\Users\\hugo.m2

### 4.5 更换镜像仓库 ###

在%MAVEN\_HOME%\\conf\\settings.xml的mirrors中增加阿里仓库:

<mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
      <mirrorOf>central</mirrorOf>
    </mirror>

### 4.6 VS Code配置 ###

File -> preferences -> setting -> USER SETTINGS增加:

"java.configuration.maven.userSettings": "C:/Users/hugo/apache-maven-3.5.4/conf/settings.xml"

# 5 安装Gradle #

### 5.1 下载 ###

下载地址：[Gradle4.9][]，下载后解压到C:\\Users\\hugo\\gradle-4.9（路径自己定）

### 5.2 设置环境变量 ###

增加路径Path=C:\\Users\\hugo\\gradle-4.9\\bin

# 6 安装Tomcat #

下载地址：[Tomcat 9][]，选64-bit Windows zip，下载后解压到C:\\Users\\hugo\\apache-tomcat-9.0.11（路径自己定）

# 7 VS Code其他配置 #

### 7.1 全局搜索忽略文件夹 ###

File -> preferences -> setting -> USER SETTINGS增加:

"search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/target": true,
        "**/logs": true
    }

### 7.2 使用tomcat调试web项目 ###

点击侧边栏 TOMCAT SERVERS 的右边 + 号，选择本地安装的 tomcat（C:\\Users\\hugo\\apache-tomcat-9.0.11）。

[Java SE Development Kit 10 Downloads]: http://www.oracle.com/technetwork/java/javase/downloads/jdk10-downloads-4416644.html
[Visual Studio Code]: https://code.visualstudio.com/
[Maven]: http://maven.apache.org/download.cgi
[Gradle4.9]: https://services.gradle.org/distributions/gradle-4.9-all.zip
[Tomcat 9]: https://tomcat.apache.org/download-90.cgi