准备

确保Java环境和Maven环境都已经安装好，安装详情请参考我的其他文章。

• Maven在vs code中还要对其进行设置，点左下角的设置图标->设置，打开设置内容筛选框，输入maven，然后点击右侧的打开json格式setting：

  
  
  image.png

• 在用户设置下输入maven的可执行文件路径配置、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

创建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开发常用的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调试，再点击打开launch.json图标按钮，然后选择Debug(Launch)-DemoApp，最后点击调试的绿色三角形按钮，在浏览器输入 http://localhost:8080/ 即可

image.png

image.png