Springboot Vuejs 빌드

스프링부트 공부하다가 복습겸 to do list 프로젝트 시작함.
화면 부트스트랩으로 할까 했는데 우연히 codepen 이라는 곳을 알게되었다.
여기서 마음에 드는걸 찾았는데 코드를 보니까 vue라고 쓰여져 있는걸 발견...!
그래서 갑자기 Vuejs 빌드하게됨.

처음부터 난관에 봉착했다

npm install -g @vue/cli
npm : 'npm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이
름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올
바른지 검증한 다음 다시 시도하십시오.
위치 줄:1 문자:1

해결>> Terminal-windows powershell에서 command prompt로 변경

근데 또 에러남

'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.

...
먼저 node.js부터 설치해야 된다^_ㅜ

npm install -g @vue/cli

vue --version

설치가 완료되었다.

vue create 프로젝트명

프로젝트명을 입력하고 나면 버전 선택을 한다. 나는 vue2로 함

위에 만든 폴더로 이동 후 서버 가동

이제 Springboot와 Vue.js를 연동한다.
먼저 포트번호가 같으면 충돌이 나기 때문에 springboot의 포트번호를 바꾸어 준다.