一、安裝擴展
在 Visual Studio Code 中打開擴展視圖(Ctrl+Shift+X)。 安裝 Java Extension Pack (Java 擴展包), 或者安裝 Language Support for Java(TM) by Red Hat,及 Java Debugger for Visual Studio Code 擴展。 安裝 Spring Boot Extension Pack。
二、配置Maven
點擊設置,打開設置內容篩選框,輸入maven,然后點擊右側的打開json格式setting,內容如下:
"java.configuration.maven.userSettings": "C:\\apache-maven-3.6.3\\conf\\settings.xml",
"java.errors.incompleteClasspath.severity": "ignore",
"maven.executable.path": "C:\\apache-maven-3.6.3\\bin\\mvn.cmd",
"maven.terminal.customEnv": [
{
"environmentVariable": "JAVA_HOME",
"value": "C:\\Program Files\\Java\\jdk1.8.0_181"
}
],
"maven.excludedFolders": [
"**/.*",
"**/node_modules",
"**/target",
"**/bin"
]
如果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項目
1、創建Maven工程

2、選擇Spring boot版本

3、選擇開發語言

4、輸入Group Id

5、輸入Artifact ID

6、指定打包格式

7、指定JAVA版本,只支持 11以上版本

8、選擇需要引入的包,引入如下幾個包即可滿足web開發:
DevTools(代碼修改熱更新,無需重啟)、Web(集成tomcat、SpringMVC)、Lombok(智能生成setter、getter、toString等接口,無需手動生成,代碼更簡介)、Thymeleaf (模板引擎)。

9、選擇工程保存路徑

10、完成

11、使用了thymeleaf模板. 為防止嚴格的html5錯誤檢查 加入依賴和配置
<!--啟用不嚴格檢查html--> <dependency> <groupId>net.sourceforge.nekohtml</groupId> <artifactId>nekohtml</artifactId> <version>1.9.22</version> </dependency>
application.properties文件 加入如下配置
spring.thymeleaf.mode=LEGACYHTML5
四、 項目運行跟調試
1、增加代碼


2、運行


2、運行結果
http://localhost:8080/login1

http://localhost:8080/login2

