Spring + Vue.js 세팅(1)

 

 

Spring boot(gradle) + vue.js 조합의 테스트 프로젝트를 진행하려고 한다.

 

Spring boot 세팅 시 Spring Web과 Lombok만 추가 하여 가벼운 프로젝트로 생성 시켜준다.

 

그 이후 Vue.js 를 설치하는 과정은 아래와 같다.

 

 

 

1.  Node 설치

https://nodejs.org/ko/download/

다운로드 | Node.js

 

 

 

2. vue-cli 설치

npm i -g @vue/cli

 

 

 

 

3. spring boot 프로젝트 경로 하위에 해당 vue프로젝트 설치

 

 

frontend라는 이름으로 vue프로젝트를 생성 시키기 앞서

npm install -g @vue/cli-init 이 선행되어야 한다.

 

그 이후 10가지 질문에 대한 답변을 하면 된다. 대부분 기본 default값으로 진행한다.

 

 

 

 

4. 설치 완료 후 확인

 

 

 

* 확인 화면

 

 

 

* 추가로..

 

IntelliJ Tool을 사용 한다면 아래의 내용처럼 vue.js plugin을 설치 하는것을 추천.