VsCode搭建Java開發環境（Spring Boot項目建立、運行、調試）

時間 2019-11-24

標籤 vscode 搭建 java 開發環境 spring boot 項目建立運行調試欄目 Java 简体版

原文原文鏈接

源碼地址：https://github.com/YANGKANG01/Spring-Boot-Demohtml

安裝擴展

安裝以下兩個主要擴展便可，這兩個擴展已關聯java項目開發主要使用的maven、springboot等所須要的擴展。java

開始步驟：git

在 Visual Studio Code 中打開擴展視圖(Ctrl+Shift+X)。
輸入「java」搜索商店擴展插件。
找到並安裝 Java Extension Pack (Java 擴展包)，若是你已經安裝了 Language Support for Java(TM) by Red Hat，也能夠單獨找到並安裝 Java Debugger for Visual Studio Code 擴展。
輸入「Spring Boot Extension」搜索商店擴展插件。
找到並安裝「Spring Boot Extension Pack」。安裝過程當中可能會比較慢，耐心等待便可。

配置Maven：github

點左下角的設置圖標->設置，打開設置內容篩選框，輸入maven，而後點擊右側的打開json格式setting：web

而後把maven的可執行文件路徑配置、maven的setting路徑配置、java.home的路徑配置，拷貝到右側的用戶設置區域而且設置爲本身電腦的實際路徑spring

設置內容以下：apache

{
    "workbench.iconTheme": "vscode-icons", "workbench.startupEditor": "newUntitledFile", "java.errors.incompleteClasspath.severity": "ignore", "workbench.colorTheme": "Atom One Dark", "java.home":"D:\\software\\Java\\jdk1.8.0_60", "java.configuration.maven.userSettings": "D:\\software\\apache-maven-3.3.3-bin\\apache-maven-3.3.3\\conf\\settings.xml", "maven.executable.path": "D:\\software\\apache-maven-3.3.3-bin\\apache-maven-3.3.3\\bin\\mvn.cmd", "maven.terminal.useJavaHome": true, "maven.terminal.customEnv": [ { "environmentVariable": "JAVA_HOME", "value": "D:\\software\\Java\\jdk1.8.0_60" } ], }

若是你的mvn更新包速度很慢，建議使用阿里雲的鏡像速度會快點（修改maven的setting配置以下）：json

 <!-- 阿里雲倉庫 -->
        <mirror>
            <id>alimaven</id>
            <mirrorOf>central</mirrorOf>
            <name>aliyun maven</name>
            <url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
        </mirror>
        <mirror>
            <id>nexus-aliyun</id>
            <mirrorOf>*</mirrorOf>
            <name>Nexus aliyun</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public</url>
        </mirror>
        <!-- 中央倉庫1 -->
        <mirror>
            <id>repo1</id>
            <mirrorOf>central</mirrorOf>
            <name>Human Readable Name for this Mirror.</name>
            <url>http://repo1.maven.org/maven2/</url>
        </mirror>
    
        <!-- 中央倉庫2 -->
        <mirror>
            <id>repo2</id>
            <mirrorOf>central</mirrorOf>
            <name>Human Readable Name for this Mirror.</name>
            <url>http://repo2.maven.org/maven2/</url>
        </mirror>

配置完成重啓 VSCode。tomcat

建立Spring Boot項目

使用快捷鍵(Ctrl+Shift+P)命令窗口，輸入 Spring 選擇建立 Maven 項目。效果以下：springboot

選擇須要使用的語言、Group Id、項目名稱等，這裏選擇Java：

選擇Spring Boot版本：

選擇須要引入的包，引入以下幾個包便可知足web開發：

DevTools（代碼修改熱更新，無需重啓）、Web（集成tomcat、SpringMVC）、Lombok（智能生成setter、getter、toString等接口，無需手動生成，代碼更簡介）、Thymeleaf （模板引擎）。

選擇好要引入的包後直接回車，在新彈出的窗口中選擇項目路徑，至此Spring Boot項目建立完成。

建立好後vscode右下角會有以下提示，點擊Open it 便可打開剛纔建立的Spring Boot項目。

項目運行跟調試

項目建立後會自動建立DemoApplication.java文件，在DemoApplication 文件目錄下新建文件夾 Controller，新建文件HomeController.java。效果以下：

Ps:SpringBoot項目的Bean裝配默認規則是根據DemoApplication類所在的包位置從上往下掃描。因此必須放在同一目錄下不然會沒法訪問報以下所示錯誤：

啓動工程以前還須要配置下運行環境，以下圖，點左邊的小蟲子圖標，而後點上面的下拉箭頭，選擇添加配置，第一次設置時VS Code會提示選擇須要運行的語言環境，選擇對應環境後自動建立 launch.json 文件。

launch.json 調試配置文件以下，默認不修改配置也可以使用：

選擇對應的配置環境調式項目以下，默認端口爲8080。

啓動後可在控制檯輸出面板查看啓動信息，顯示以下後，訪問：http://localhost:8080便可。

最終效果以下：

訪問HTML頁面

在spring boot 中訪問html須要引入Thymeleaf （模板引擎）包，在建立項目時已引用該包這裏不需在重複引用。在resources-->templates目錄下建立Index.html文件，效果以下：

html內容：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>第一個HTML頁面</title>
</head>
<body>
<h1>Hello Spring Boot!!!</h1>
<p th:text="${hello}"></p>
</body>
</html>

在controller目錄下新建TestController.java文件，代碼以下：

@Controller
public class TestController {

    /**
     * 本地訪問內容地址 ：http://localhost:8080/hello
     * @param map
     * @return
     */
    @RequestMapping("/hello")
    public String helloHtml(HashMap<String, Object> map) {
        map.put("hello", "歡迎進入HTML頁面");
        return "/index";
    }
}

Ps:若是要訪問html頁面註解必須爲Controller不能爲RestController。不然沒法訪問。

RestController和Controller的區別：

@RestController is a stereotype annotation that combines @ResponseBody and @Controller.
意思是：
@RestController註解至關於@ResponseBody ＋ @Controller合在一塊兒的做用。
1)若是隻是使用@RestController註解Controller，則Controller中的方法沒法返回jsp頁面，配置的視圖解析器InternalResourceViewResolver不起做用，返回的內容就是Return 裏的內容。

例如：原本應該到success.html頁面的，則其顯示success.

2)若是須要返回到指定頁面，則須要用 @Controller配合視圖解析器InternalResourceViewResolver才行。

3)若是須要返回json或者xml或者自定義mediaType內容到頁面，則須要在對應的方法上加上@ResponseBody註解

效果展現以下：

處處基礎配置結束，能夠愉快的玩耍Spring Boot!