準備

確保Java環(huán)境和Maven環(huán)境都已經(jīng)安裝好，安裝詳情請參考我的其他文章。

• Maven在vs code中還要對其進行設置，點左下角的設置圖標->設置，打開設置內(nèi)容篩選框，輸入maven，然后點擊右側的打開json格式setting：

  
  
  image.png

• 在用戶設置下輸入maven的可執(zhí)行文件路徑配置、maven的setting路徑配置、java.home的路徑配置

  
  
  image.png
  
  

  我的設置如下：

{
    "workbench.iconTheme": "vscode-icons",
    "workbench.startupEditor": "newUntitledFile",
    "java.errors.incompleteClasspath.severity": "ignore",
    "java.home":"C:\\Program Files\\Java\\jdk1.8.0_191",
    "java.configuration.maven.userSettings": "C:\\Program Files\\Maven\\apache-maven-3.6.0\\conf\\settings.xml",
    "maven.executable.path": "C:\\Program Files\\Maven\\apache-maven-3.6.0\bin\\mvn.cmd",
    "maven.terminal.useJavaHome": true,
    "maven.terminal.customEnv": [
        {
            "environmentVariable": "JAVA_HOME",
            "value": "C:\\Program Files\\Java\\jdk1.8.0_191"
        }
    ],
}

安裝vs code擴展

打開vs code插件商店，搜索并安裝下面三個擴展：Java Extension Pack,Maven for Java,Spring Boot Extension Pack 。安裝后要重新加載vs code。

image.png

創(chuàng)建springboot項目

打開vs code命令窗口，或者直接用快捷鍵Ctrl+Shift+P，輸入spring，選擇Spring Initializr:Gerenate a Maven Project回車，如下圖所示：

image.png

image.png

然后選擇java語言回車，默認文件名回車，項目名稱回車：

image.png

image.png

image.png

image.png

選擇web開發(fā)常用的4個包：DevTools（代碼修改熱更新，無需重啟）、Web（集成tomcat、SpringMVC）、Lombok（智能生成setter、getter、toString等接口，無需手動生成，代碼更簡介）、Thymeleaf （模板引擎）。

image.png

image.png

測試項目

打開項目目錄文件，在DemoApplication.java 文件目錄下新建文件夾 controller，新建文件HelloController.java。效果如下：

image.png

在HelloController.java文件下輸入以下代碼測試：

package com.example.demo.controller;
 
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
 
@RestController
public class HelloController {
 
    @RequestMapping("/")
    String home() {
        return "Hello World!";
    }
 
}

啟動運行先點擊vs code調(diào)試，再點擊打開launch.json圖標按鈕，然后選擇Debug(Launch)-DemoApp，最后點擊調(diào)試的綠色三角形按鈕，在瀏覽器輸入 http://localhost:8080/ 即可

image.png

image.png