Spring boot에 Vue , Vuetify 개발환경 구축하기

[Spring boot 설정]
- https://ingus26.tistory.com/28

Spring Boot 개발환경

  

1. node를 설치한다.

  나는 Windows Installer (.msi) 64bit버전의 node를 설치했다. 

 

 -  https://nodejs.org/ko/

Node.js

Node.js

 

- node command prompt에서 node를 입력하면 설치된 버전을 확인할 수 있다.

 

2. node command prompt에서 vue를 설치해보자!

  1) cd "spring boot 프로젝트 root폴더" 경로로 이동 한다.

 

  2) vue-cli

  vue-cli 4 업데이트 후.. vuetify add가 안되서.. 확인해보니 ㅠㅠ

  이전 vue-cli를 완전히 삭제하지 않고 업데이트와 재설치를 병행해서 그랬다.

  vue-cli를 삭제하고 vue --version 해서 명령어가 실행되지 않으면 말끔히 지워진 것.

 

     (1) 삭제

      $ npm r -g vue-cli   

      $ npm r -g @vue/cli 

    

     (2) 재설치

      $ npm i -g @vue/cli

     

     (3) 프로젝트 생성

      $ vue create 프로젝트명

      설치 완료시 http://localhost:8080/를 접속하여 페이지를 확인한다.

 

  3) vuetify 설치

    $ vue add vuetify

 

         vue와 vuetify가 설치됬습니다 :D

 - 끗 -