초보자가 VSCode에서 SpringToolsSuite 환경을 만듭니다.

9415 단어 자바VSCodespring

목적



업무로 SpringBoot를 사용한 WEBAPI와 친구가 될 것 같기 때문에 공부를 위해
windows10 환경에 Spring tool suite 4의 개발 환경을 작성.
우선 샘플 사이트를 만들어 보자.


종류
이름
버전


IDE
Visual Studio Code
1.14.1

플러그인
Spring Boot Extension Pack
0.0.8

플러그인
Java Extension Pack
0.8.1

자바
JDK
8.0.232.09-hotspot

프로젝트 관리
apache-maven
3.6.3



그래서 현재의 최신(2019/12/24)인 SpringToolsSuite4 환경을 구축해 나간다.
공식이 서포트하고 있는 IDE는 「Eclipse」 「VSCode」 「Atom」이 있어, 이번은 VSCode로 구축해 간다.


개발 환경 구축



설치



JDK, MAVEN, VSCode를 설치.
SpringToolsSuite (STS)는 JDK의 1.8 이상이 아니면 안되는 것 같기 때문에 Java8을 인스톨.
MAVEN, JDK에 관해서는 나중에 인스톨 패스가 필요하므로, 개인적으로는 압축 파일 떨어뜨려 와 알기 쉬운 곳에 전개하는 것을 추천.

JDK
- Olacle-Java SE Download
- Download Red Hat Open JDK
MAVEN
- Apache Maven Project
VSCode
- Visual Studio Code – 코드 편집기 | Microsoft Azure

이번에는 이런 식으로 배치
D:/
├── JDK
|   └── jdk-8.0.232.09-hotspot
└── maven
    └── apache-maven-3.6.3

환경 변수 설정



JDK와 MAVEN을 전개한 폴더에 패스를 통해 준다.
제어판 ⇒ 시스템 ⇒ 고급 시스템 설정 ⇒ 환경 변수 설정에서
1. 시스템 환경 변수에 「JAVA_HOME」 「MAVEN_HOME」의 항목을 추가한다(방금 전 해동한 폴더의 패스).
2. 시스템 환경 변수의 'Path'항목에 '%JAVA_HOME%\bin', '%MAVEN_HOME%\bin'을 추가합니다.



※ 아는 사람은 이쪽이라도 좋다
JAVA_HOME="D:/openjdk/jdk-8.0.232.09-hotspot"
MAVEN_HOME="D:/apache-maven-3.6.3"
Path=%JAVA_HOME%\bin;%MAVEN_HOME%\bin;%Path%

플러그인 도입



VSCode의 애드온 검색 화면에서 다음을 설치합시다.
Spring Boot Extension Pack
Java Extension Pack

VSCode에도 환경 변수



VSCode의 플러그인들이 「Java는 어디에 있는 거야」라고 분노하기 시작하므로 그곳에도 설치한 패스를 가르쳐 준다.
파일⇒기본설정⇒설정⇒왠지 오른쪽 상단의 아이콘(설정(JSON)을 연다)에서 연 설정파일에 아래의 기술을 더한다.
{
  "java.home": "D:\\openjdk\\jdk-8.0.232.09-hotspot",
  "maven.executable.path": "D:\\apache-maven-3.6.3\\bin\\mvn", //mavenの実行ファイルもどこにあるのか知りたい
  "maven.terminal.useJavaHome": true //mavenにもJavaのパスを見るように指示してあげる
}

※ 만약 프록시 환경이라면



여기까지 일단 인스톨은 완료하고 있지만, 사내등에서 프록시를 사용하고 있다면 프로젝트 작성시에 필요한 라이브러리를 취득해 이것 없이 에러가 되는 경우가 있다. 이 경우 다음 절차가 수행됩니다.
setting.json에 추가
{
  "http.proxy": "{プロキシサーバーURL}:{ポート番号}",
  //もしプロキシ環境ならVSCodeがどこ経由でライブラリをダウンロードしてくるか指定してあげる
}

settings.xml 만들기
"C:/Users/{ 사용자 이름 }/.m2"에 "settings.xml"파일을 만들고 maven이 프록시를 사용할 수 있도록 합니다.

settings.xml
<settings xmlns="http://maven.apache.org/SETTINGS/1.0.0"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0
                          http://maven.apache.org/xsd/settings-1.0.0.xsd">
  <localRepository/>
  <interactiveMode/>
  <usePluginRegistry/>
  <offline/>
  <pluginGroups/>
  <servers/>
  <mirrors/>
  <proxies>
   <proxy>
      <id>{ 何か一意のIDになるような文字列 }</id>
      <active>true</active>
      <protocol>http</protocol>
      <host>{ プロキシサーバーのURL }</host>
      <port>{ ポート }</port>
    </proxy>
  </proxies>
  <profiles/>
  <activeProfiles/>
</settings>


프로젝트를 만드는 방법


  • VSCode에서 프로젝트를 만들려는 폴더를 엽니 다
  • Shift + Ctrl + p에서 명령 열고 Spring Initializr : Generate a Maven Project
  • "Java"⇒ "<패키지 이름>"⇒ "<프로젝트 이름>"⇒ "(이번에는 2.2.2)"⇒ "의존 관계 선택 (복수 가능)"
  • 프로젝트 생성 폴더 선택


  • 종속성은 다음 세 가지를 선택합니다.
    1. Spring Boot DevTools(HotReload 기능)
    2. Spring Web (Spring에서 WEB 서비스 작성 템플릿)
    3. Thymeleaf(HTML 템플릿 엔진)


    실행해보기



    프로젝트를 VSCode에서 열기 (또는 작업 공간에 포함)



    만든 프로젝트 폴더에서 다시 VSCode를 열면,
    Java·Maven·SpringBoot로 각각 작성한 프로젝트를 인식해 주는 것을 알 수 있다.
    ※여기서 인식하지 않으면 무언가 설정이 부족하다고 생각된다. 위의 설정을 확인하고 VSCode 재시작 권장.



    샘플 페이지 추가



    다음 경로에 파일을 추가합니다.
    \src\main\resources\templates\hogehoge.html(表示するHTML)
    \src\main\java\com\hogehoge\test_project\controller\HogehogeController.java(ルーティング用コントローラー)
    

    HogehogeController.java
    
    package com.hogehoge.test_project.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class HogehogeController {
    
        @RequestMapping("/hogehoge") //URLをここで指定する。 
        public String hogehoge() {
            return "hogehoge"; //ここで返す文字と同じ名前のHTMLが呼ばれる。
        }
    }
    

    hogehoge.html
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title>hogehoge</title>
    </head>
    
    <body>
        <h1>HelloWorld</h1>
    </body>
    
    </html>
    

    왼쪽 하단의 "SPRING-BOOT DASHBOARD"에서 실행할 수 있습니다.

    좋은 웹페이지 즐겨찾기