快捷導(dǎo)航

VsCode搭建Spring Boot項(xiàng)目并進(jìn)行創(chuàng)建、運(yùn)行、調(diào)試

更新時(shí)間：2020年05月07日 10:46:51 作者：ice.ko

這篇文章主要介紹了VsCode搭建Spring Boot項(xiàng)目并進(jìn)行創(chuàng)建、運(yùn)行、調(diào)試，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

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

安裝擴(kuò)展

安裝如下兩個(gè)主要擴(kuò)展即可，這兩個(gè)擴(kuò)展已關(guān)聯(lián)java項(xiàng)目開發(fā)主要使用的maven、springboot等所需要的擴(kuò)展。

開始步驟：

在 Visual Studio Code 中打開擴(kuò)展視圖(Ctrl+Shift+X)。
輸入“java”搜索商店擴(kuò)展插件。
找到并安裝Java Extension Pack (Java 擴(kuò)展包)，如果你已經(jīng)安裝了Language Support for Java(TM) by Red Hat，也可以單獨(dú)找到并安裝Java Debugger for Visual Studio Code擴(kuò)展。
輸入“Spring Boot Extension”搜索商店擴(kuò)展插件。
找到并安裝 “Spring Boot Extension Pack”。安裝過程中可能會比較慢，耐心等待即可。

配置Maven：

點(diǎn)左下角的設(shè)置圖標(biāo)->設(shè)置，打開設(shè)置內(nèi)容篩選框，輸入maven，然后點(diǎn)擊右側(cè)的打開json格式setting：

然后把maven的可執(zhí)行文件路徑配置、maven的setting路徑配置、java.home的路徑配置，拷貝到右側(cè)的用戶設(shè)置區(qū)域并且設(shè)置為自己電腦的實(shí)際路徑

設(shè)置內(nèi)容如下：

{
 "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更新包速度很慢，建議使用阿里云的鏡像速度會快點(diǎn)（修改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。

創(chuàng)建Spring Boot項(xiàng)目

使用快捷鍵(Ctrl+Shift+P)命令窗口，輸入 Spring 選擇創(chuàng)建 Maven 項(xiàng)目。效果如下：

選擇需要使用的語言、Group Id、項(xiàng)目名稱等，這里選擇Java：

選擇Spring Boot版本：

選擇需要引入的包，引入如下幾個(gè)包即可滿足web開發(fā)：

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

選擇好要引入的包后直接回車，在新彈出的窗口中選擇項(xiàng)目路徑，至此Spring Boot項(xiàng)目創(chuàng)建完成。

創(chuàng)建好后vscode右下角會有如下提示，點(diǎn)擊Open it 即可打開剛才創(chuàng)建的Spring Boot項(xiàng)目。

項(xiàng)目運(yùn)行跟調(diào)試

項(xiàng)目創(chuàng)建后會自動創(chuàng)建DemoApplication.java文件，在DemoApplication 文件目錄下新建文件夾 Controller，新建文件HomeController.java。效果如下：

Ps:SpringBoot項(xiàng)目的Bean裝配默認(rèn)規(guī)則是根據(jù)DemoApplication類所在的包位置從上往下掃描。所以必須放在同一目錄下否則會無法訪問報(bào)如下所示錯(cuò)誤：

啟動工程之前還需要配置下運(yùn)行環(huán)境，如下圖，點(diǎn)左邊的小蟲子圖標(biāo)，然后點(diǎn)上面的下拉箭頭，選擇添加配置，第一次設(shè)置時(shí)VS Code會提示選擇需要運(yùn)行的語言環(huán)境，選擇對應(yīng)環(huán)境后自動創(chuàng)建 launch.json 文件。

launch.json 調(diào)試配置文件如下，默認(rèn)不修改配置也可使用：

選擇對應(yīng)的配置環(huán)境調(diào)式項(xiàng)目如下，默認(rèn)端口為8080。

啟動后可在控制臺輸出面板查看啟動信息，顯示如下后，訪問：http://localhost:8080即可。

最終效果如下：

訪問HTML頁面

在spring boot 中訪問html需要引入Thymeleaf（模板引擎）包，在創(chuàng)建項(xiàng)目時(shí)已引用該包這里不需在重復(fù)引用。在resources-->templates目錄下創(chuàng)建Index.html文件，效果如下：

html內(nèi)容：

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

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

@Controller
public class TestController {

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

Ps:如果要訪問html頁面注解必須為Controller不能為RestController。否則無法訪問。

RestController和Controller的區(qū)別：

@RestController is a stereotype annotation that combines @ResponseBody and @Controller.
意思是：
@RestController注解相當(dāng)于@ResponseBody ＋ @Controller合在一起的作用。
1)如果只是使用@RestController注解Controller，則Controller中的方法無法返回jsp頁面，配置的視圖解析器InternalResourceViewResolver不起作用，返回的內(nèi)容就是Return 里的內(nèi)容。

例如：本來應(yīng)該到success.html頁面的，則其顯示success.

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

3)如果需要返回json或者xml或者自定義mediaType內(nèi)容到頁面，則需要在對應(yīng)的方法上加上@ResponseBody注解

效果展示如下：

到處基礎(chǔ)配置結(jié)束，可以愉快的玩耍Spring Boot!

到此這篇關(guān)于VsCode搭建Spring Boot項(xiàng)目并進(jìn)行創(chuàng)建、運(yùn)行、調(diào)試的文章就介紹到這了,更多相關(guān)VsCode搭建Spring Boot內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: