Help us understand the problem. What is going on with this article?

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の内容が表示される

http://localhost:8080/sample

yama9112
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
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  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
ユーザーは見つかりませんでした