[VSCode] VSCode에서 Vuetify 설치하는 방법

VSCode(Visual Studio Code)에서 Vuetify 설치하는 방법은 가장 먼저 Vue-Cli가 설치되어 있어야 한다.

Vue-Cli를 설치하는 방법은 아래의 글에서 확인할 수 있다.

2023.10.16 - [IT/Vue.js] - [Vue.js] 윈도우 10(Window 10) Vue.js 설치하기

[Vue.js] 윈도우 10(Window 10) Vue.js 설치하기

 

이제는 Vue-Cli가 설치가 완료되었다는 기준 하에 Vuetify를 설치할 것이다.

 

가장 먼저, VSCode 터미널에서 Vue.js 프로젝트로 이동을 하고, 아래의 명령어를 입력하여 설치를 한다.

npm install vuetify

 

위의 명령어를 실행했는데 Fix the upstream dependency conflict, or retry 이 에러가 발생하면 해결 방법은 아래의 링크에서 해결할 수도 있고, 아래의 명령어로 다시 실행한다.

https://yongku.tistory.com/entry/NPM-npm-Fix-the-upstream-dependency-conflict-or-retry-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95

[NPM] npm Fix the upstream dependency conflict, or retry 문제 해결 방법

 

 

npm install --legacy-peer-deps vuetify

 

위의 명령어를 실행하면 Vuetify 설치는 된거다.

이제는 Vue-Cli에 Vuetify를 다시 설치를 해주면 된다.

vue add vuetify

 

위의 명령어를 입력하면, 밑에 preset을 선택하라고 나온다. 그냥 recommended인 것 선택했다. 선택하면 추가적인 디펜던시 설치를 진행한다.

 

 

설치가 완료됐다.