vue.js [spring boot와 연동] (1)

 

백엔드는 spring boot, 프론트엔드로는 vue를 사용하여 서로 연동을 시킬 예정이다.

 

 

우선 연동을 하기에 앞서 Node.js를 설치해야한다.

 

 

https://nodejs.org/ko/

Node.js

 

 

 

 

 

설치가 완료되었으면 Vue CLI3.0을 설치해야 하는데 Node.js를 설치하고난 후

cmd창에서 명령어를 입력하여 설치 할 수 있다.

 

 

 

명령어 : npm i -g @vue/cli

 

 

 

버전 확인 : vue --version

제거 : npm uninstall -g @vue/cli

 

 

 

 

이번에는 Vue.js 프로젝트를 생성해보자.

 

 

Vue CLI를 사용해여 SpringbootApi의 src경로에 Vue.js 프로젝트를 생성할 것이다.

cmd창을 켜고 src경로로 이동.

 

 

 

 

 

 

명령어 vue create frontend입력

 

 

 

 

 

 

 

프로젝트가 생성되는 중이다.

 

 

 

 

 

 

설치가 완료되었으면 SpringbootApi(intelliJ)를 띄워 확인해 보았더니

 

 

성공적으로 src의 하위경로에 frontend디렉토리가 생성된 것을 볼 수 있다!