본문 바로가기
개발/Java

[Spring] VSCode로 스프링 프로젝트 빌드 :: 마이자몽

by 🌻♚ 2019. 6. 14.

VSCode 스프링 프로젝트 빌드

스프링 프레임워크로 개발을 진행할때 이클립스 에디터를 가장 많이사용한다. 프로젝트 생성부터 프로젝트 설정을 편리하게 할 수 있어서 가장 많이 사용되고 자바 개발을 처음 입문하는 사용자들은 주로 이클립스를 사용한다.

개발이 조금씩 익숙해지면 이클립스가 굉장히 무거운 에디터라는 것을 느끼게 된다. 스프링 프레임워크로 개발을 진행하는데 다른 에디터를 사용하고 싶다거나 조금 더 가벼운 에디터를 사용하고 싶다면 VSCode를 추천합니다.

해당글에서는 프로젝트 생성이 아닌 이미 생성된 스프링 프로젝트를 맥OS 환경에서 빌드하는 작업을 하겠습니다.
윈도우와 비교 했을때 환경변수 설정 방법 이외에 동일합니다.

VSCode 홈페이지에서 에디터를 설치해준다.





VSCode 실행

터미널 혹은 콘솔창에서 이미 존재하는 프로젝트 경로로 이동해서 "code ." 명령어를 사용하면 해당 경로 하위 내용물까지 포함해서 에디터가 실행됩니다.

1
2
cd Documents/workspace/excelTest
code .  
cs



VSCode Market 마켓 확장 설치

확장설치가 안되어 있다면 일반 메모장이랑 기능이 거의 같다. 자바인식과 톰캣 그리고 메에븐 관련된 확장패키지를  마켓에서 설치해주어야한다.


좌측 탭에서 네모로 되어있는 탭을 선택해주고 검색해서 설치를 진행한다.


필요한 확장패키지들이다. 해당 내역은 필자가 사용하는 에디터에 설치된 패키지들이고
Checkstyle for Java
Java Dependency Viewer
Java Extension Pack
JavaScript (ES6) code snippets
Maven for Java
Tomcat for Java
이렇게 6가지는 꼭 설치 해주자.



Maven 설치

빌드를 진행하기 위해  Maven을 따로 설치해주자. 설치 이후 mvn 명령어가 터미널에서 실행가능하게 환경설정을 등록해줘야한다.

맥OS에서 Maven 설치는 CentOS 와 동일하다. 

[개발/서버 환경] - [CentOS 7] Maven 설치 :: 마이자몽


환경 설정부분만 조금 다르게 진행한다.

1
vi ~/.bash_profile
cs

.bash_profile
1
2
3
4
5
6
7
8
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_181.jdk/Contents/Home
CATALINA_HOME=/Users/Jamong/Documents/apache-tomcat-8.5.33
MAVEN_HOME=/Users/Jamong/dev_utils/apache-maven-3.2.5
 
PATH=$JAVA_HOME/bin:$CATALINA_HOME/bin:$MAVEN_HOME/bin:$PATH
 
export JAVA_HOME CATALINA_HOME MAVEN_HOME
export PATH

cs



source를 이용해서 반영해준다.

1
source .~/bash_profile
cs


버전 확인

1
mvn --version
cs




VSCode 톰캣 등록

해당 프로젝트를 열면 탐색기에 프로젝트와
정상적으로 Maven이 설치가 되었다면 MAVEN PROJECTS에 해당 프로젝트가 생성되어 있다.



TOMCAT SERVERS 탭을 열어 톰캣 디렉토리를 열어주면 아래와같이 서버가 생성된다.




VSCode Maven 빌드

메이븐을 사용해서 해당 프로젝트를 clean install package 순서로 진행하고 target폴더에 생성된 war파일을 톰캣서버로 배포할것이다.
MAVEN PROJECTS 탭에 해당 프로젝트 우클릭하면 모두 진행가능하다.


Maven clean



Maven install



Maven package



톰캣 실행

Maven 빌드가 성공적으로 끝나면 탐색기에서 프로젝트 target 폴더에 있는 war파일을 Tomcat으로 실행시켜준다.




성공적으로 실행되면 설정된 포트로 접속한다.

localhost:8080


경로를 붙히지 않고 포트만 치고 들어갔을때 해당 서버에 배포된 모든 프로젝트가 보인다.

VSCode에서 톰캣을 실행했을때 굉장히 맘에드는 부분중 하나이다.

해당 프로젝트를 클릭해서 들어가보자.


이상없이 실행되는 것을 확인.






댓글5

  • fdsa 2019.08.18 22:13

    먼저 좋은 글 잘 읽었습니다!
    그런데 해당 방법은 war(배포용 파일)을 생성해서 tomcat에서 구동하는 방식이라 파일을 수정하면 서버에 반영되지 않아서 프론트를 자주 수정해야하면 매우 불편할 것 같은데 이 부분은 어떻게 해결하면 될까요?
    답글

    • Favicon of https://myjamong.tistory.com BlogIcon 🌻♚ 2019.09.07 23:11 신고

      그런 문제가 있네요.... 프런트단을 자주 수정하게된다면 VSCode에서 터미널을 실행시켜 톰캣 기동 후 작업하면 될것 같긴한데.... 확인해봐야겠네요. 피드백 감사합니다!

  • 김성호 2019.12.24 17:37

    혹시 apache tomcat 에서 Environment Variables to set은 어디서 하나요?
    답글

  • Favicon of https://takeknowledge.tistory.com BlogIcon TakeKnowledge 2020.02.02 16:33 신고

    덕분에 vsc로 프로젝트 구동에 성공했습니다 감사합니다!
    답글