VS Code開發Spring Boot + Cloud示例（一）搭建VS Code Java開發環境

機器環境：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增加:

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）。