VsCode搭建Java開發環境(Spring Boot項目創建、運行、調試)

原文鏈接:https://www.cnblogs.com/miskis/p/9816135.html

VsCode搭建Java開發環境(Spring Boot項目創建、運行、調試)

安裝如下兩個主要擴展即可,這兩個擴展已關聯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!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章