vs code 安装与配置 springboot

准备

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

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


    vs code 安装与配置 springboot_第1张图片
    image.png
  • 在用户设置下输入maven的可执行文件路径配置、maven的setting路径配置、java.home的路径配置


    vs code 安装与配置 springboot_第2张图片
    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。


vs code 安装与配置 springboot_第3张图片
image.png

创建springboot项目

打开vs code命令窗口,或者直接用快捷键Ctrl+Shift+P,输入spring,选择Spring Initializr:Gerenate a Maven Project回车,如下图所示:


vs code 安装与配置 springboot_第4张图片
image.png

vs code 安装与配置 springboot_第5张图片
image.png

然后选择java语言回车,默认文件名回车,项目名称回车:


vs code 安装与配置 springboot_第6张图片
image.png

image.png

image.png

选择spring版本
vs code 安装与配置 springboot_第7张图片
image.png

选择web开发常用的4个包:DevTools(代码修改热更新,无需重启)、Web(集成tomcat、SpringMVC)、Lombok(智能生成setter、getter、toString等接口,无需手动生成,代码更简介)、Thymeleaf (模板引擎)。


vs code 安装与配置 springboot_第8张图片
image.png

创建成功点击右下角提示open即可打开
vs code 安装与配置 springboot_第9张图片
image.png

测试项目

打开项目目录文件,在DemoApplication.java 文件目录下新建文件夹 controller,新建文件HelloController.java。效果如下:


vs code 安装与配置 springboot_第10张图片
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/ 即可

vs code 安装与配置 springboot_第11张图片
image.png

vs code 安装与配置 springboot_第12张图片
image.png

你可能感兴趣的:(vs code 安装与配置 springboot)