1. 程式人生 > >VsCode搭建springboot 並配置maven環境

VsCode搭建springboot 並配置maven環境

安裝如下兩個主要擴充套件即可,這兩個擴充套件已關聯java專案開發主要使用的maven、springboot等所需要的擴充套件。

開始步驟:

  1. 在 Visual Studio Code 中開啟擴充套件檢視(Ctrl+Shift+X)。
  2. 輸入“java”搜尋商店擴充套件外掛。
  3. 找到並安裝 Java Extension Pack (Java 擴充套件包),如果你已經安裝了 Language Support for Java(TM) by Red Hat,也可以單獨找到並安裝 Java Debugger for Visual Studio Code
     擴充套件。
  4. 輸入“Spring Boot Extension”搜尋商店擴充套件外掛。
  5. 找到並安裝 “Spring Boot Extension Pack”。安裝過程中可能會比較慢,耐心等待即可。

配置Maven:

點左下角的設定圖示->設定,開啟設定內容篩選框,輸入maven,然後點選右側的開啟json格式setting:

然後把maven的可執行檔案路徑配置、maven的setting路徑配置、java.home的路徑配置,拷貝到右側的使用者設定區域並且設定為自己電腦的實際路徑

設定內容如下:

{
    "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配置如下):

 <!-- 阿里雲倉庫 -->
        <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。

建立Spring Boot專案

使用快捷鍵(Ctrl+Shift+P)命令視窗,輸入 Spring 選擇建立 Maven 專案。 效果如下:

選擇需要使用的語言、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!