使用VSCode创建Java开发环境和Spring Boot应用程序入门

1 年 ago
逸, 科
2 minutes

大家好。
我很荣幸能为Java Advent Calendar 2020（Qiita）编写第24天的文章。

首先

我在Java开发方面已经有很长时间了，但在项目中使用的编辑器主要是eclipse（或者STS）和IntelliJ IDEA。习惯了IntelliJ后，不管是花钱购买许可还是其他的，我都只会选择IntelliJ！但是，我突然试用了一下Visual Studio Code，感觉不错！在本文中，我想介绍如何使用Visual Studio Code来搭建Java开发环境。

此外，我还想一起制作一个使用Java开发中常用的”Spring MVC, Spring Boot”（框架）来构建的简单应用程序。

想要设立开发环境

操作系统：Windows10
Visual Studio Code版本：1.51.1（2020年12月）
※ 假设已经安装了VSCode和JDK
关于JDK的安装，我之前写过一篇文章，请参考那篇文章！
安装 Amazon Corretto11。

操作步骤（3个步骤）

    1. 安装Java Extension Pack

 

    1. 尝试运行Java！

 

    试着创建一个Spring Boot应用程序！

第一步：安装Java扩展包

    • Visual Studio Codeを起動し、拡張機能：Java Extension Pack をインストールします。

Java Extension Pack
https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack

另外，我们也应该安装其他常用的扩展功能。

Maven for Java
https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-maven

Spring Boot Extension Pack
https://marketplace.visualstudio.com/items?itemName=Pivotal.vscode-boot-dev-pack

步骤2：尝试运行Java！

    Visual Studio Codeで「コマンドパレット」（Ctrl + Shift + p）を表示、[Java: Create Java Project] コマンドを実行してJavaプロジェクトを作成する。
>Java: Create Java Project

No build tools

※ 输入Java项目的名称→成功创建项目

    作成されるJavaプロジェクトのファイルとディレクトリ構成
helloworld
├── lib
└── src
    └── App.java

编译默认生成的”App.java”文件，并运行生成的类文件 → 输出”你好，世界！”

$ javac App.java
$ java App
Hello, World!

步骤三：尝试创建Spring Boot应用程序！

我在第二步中安装了”Spring Boot Extension Pack”，所以尝试创建一个Spring Boot应用程序。

创建项目

    Visual Studio Codeで「コマンドパレット」（Ctrl + Shift + p）を表示、Spring bootのプロジェクトを作成します。

在命令面板中的操作

1. 选择「Spring Initializr: 生成一个Maven项目」。
2. 选择「指定Spring Boot版本」。因为这次没有特别要求，所以选择2020年12月最新版本（2.4.0）。
3. 选择「指定项目语言」。这次选择Java。
4. 输入「输入Group Id」。输入包名。
示例：com.example
5. 输入「输入Artifact Id」。输入项目名。
示例：demo
6. 选择「指定打包类型」。这次选择war。（也可以选择jar）
7. 选择「指定Java类型」。要求选择使用的Java版本。这次选择Java14。
8. 选择「搜索依赖项」。由于是Maven项目，可以选择依赖关系。这次选择以下两个，因为目标是「创建Web应用程序」和「显示界面」。
Spring Web / Thymeleaf

进行到这一步时，会询问项目的保存位置，请选择项目的保存位置。

    • 作成されるディレクトリは以下のような構成です。

DemoApplication.java, ServletInitializer.javaがデフォルトで実装されています。

|― src
 |   |― main
 |   |    |― java
 |   |    |    |― com
 |   |    |        |― example
 |   |    |             |― demo(プロジェクト名)
 |   |    |                      |― DemoApplication.java（デフォルトで作成される）
 |   |    |                      |― ServletInitializer.java（デフォルトで作成される）
 |   |    |― resources
 |   |           |― static/ (静的ファイル)
 |   |           |― templates/ (テンプレートファイル)
 |   |           |― application.properties (環境独自の設定ファイル)
 |   |― test
 |       |― java
 |            |― com
 |                |― example
 |                      |― demo(プロジェクト名)
 |                               |― DemoApplicationTests.java
 |― .gitignore
 |― HELP.md
 |― mvnw
 |― mvnw.cmd
 |― pom.xml (Mavenの設定ファイル)

创建应用程序

    \demo\src\main\java\com\example\demo\controller ディレクトリ配下にControllerクラスを作成します。（SampleController.java）
 package com.example.demo.controller;

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

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

将sample.html文件创建在\demo\src\main\templates目录下。（sample.html）

<!DOCTYPE html>
<html>

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

<body>
    <h1>Hello World!</h1>
</body>

</html>
    • Spring bootアプリケーションの実行

 

    • VSCode左下の「SPRING-BOOT DASHBOARD」を選択し、[start] or [debug] を選択

 

    ※ Spring Bootに内包されたTomcatが起動し、実装したアプリがコンパイルされる。

确认

    • ブラウザにて表示確認。”Hello World!”と表示されるはずです。

 

    http://localhost:8080/sample

结束

拓展功能非常丰富，比想象中更易用！我正在犹豫是否要继续使用VSCode而不更新InteliJ的许可…之后我会努力发布更实用的Java文章。

最后一天是@tkxlab先生！

可以参考

我在VSCode中使用Spring Boot展示了“Hello World”。
https://tech-lab.sios.jp/archives/19941

✖
广告
将在 10 秒后关闭
bannerAds