Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
107
Help us understand the problem. What is going on with this article?

More than 1 year has passed since last update.

@yama9112

VSCodeでSpringBootのプロジェクト作成からアプリケーションの実行まで

概要

VSCodeでSpringBootのWebアプリケーションを作成したので手順を記載する

環境

$ sw_vers
ProductName:    Mac OS X
ProductVersion: 10.14.3
BuildVersion:   18D109

$ java -version
openjdk version "12" 2019-03-19
OpenJDK Runtime Environment (build 12+33)
OpenJDK 64-Bit Server VM (build 12+33, mixed mode, sharing)

$ code -v
1.32.1

拡張機能のインストール

VSCodeで開発する際に以下の拡張機能が必要となるためインストールする

Java Extension Pack
Spring Boot Extension Pack

プロジェクト作成

拡張機能をインストール後にコマンドパレットでspringと検索し、
Spring Initializr: Generate a Maven Projectを選択

image.png

Javaを選択

image.png

パッケージ名を入力

image.png

プロジェクト名を入力

image.png

SpringBootのバージョンを選択

image.png

依存関係にWebとThymeleafを追加する

Spring Web

※開発環境によってSpring Webが表示されない場合は、以下を選択して下さい
Web:Servlet web application with Spring MVC and Tomcat

スクリーンショット 2019-11-05 21.29.52.png

Thymeleaf

image.png

プロジェクトの保存場所を選択する

アプリケーション実行

src/main/java/com/example/sampleproject内にDemoApplication.javaが作成されており、
mainメソッドが実装されている

DemoApplication.java
package com.example.sampleproject;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class DemoApplication {

    public static void main(String[] args) {
        SpringApplication.run(DemoApplication.class, args);
    }

}

src/main/java/com/example/sampleproject内にcontrollerフォルダを作成し、
その中にSampleController.javaを作成する

SampleController.java
package com.example.sampleproject.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class SampleController {

    @RequestMapping("/sample")
    public String sample() {
        return "sample";
    }
}

src/main/resources/templates内にsample.htmlを作成する

sample.html
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Sample</title>
</head>

<body>
    <h1>HelloWorld</h1>
</body>

</html>

デバッグ → デバッグの開始を選択し、環境の選択でJavaを選択する

launch.jsonが生成されるので、再度デバッグ → デバッグの開始を選択する

SpringBootアプリケーションがローカルサーバーで立ち上がるので
以下のURLに接続するとHTMLの内容が表示される

107
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
107
Help us understand the problem. What is going on with this article?