(1) Vite를 이용한 Vuetify3 Project 만들기(+typescript) - 프로젝트 생성

Vue CLI를 통해서 프로젝트를 생성한다.

Vue CLI

Vue CLI is currently in maintenance mode and no longer the default tooling used to build Vue applications. Vuetify projects are now generated using vite. We plan on enabling the Vue CLI installation path in an official guide in the future.

 

먼저 아래 명령어를 치면

npm create vuetify

 

프로젝트 이름, 초기 설정, 타입스크립트 사용 여부, 패키지 의존성 관리 및 스크립트 실행 도구 설정을 할 수 있다.

나는 아래와 같이 설정했다.

 

- project name : default

- 초기 설정 : Essentials

- 타입스크립트 사용 여부 : yes

- 패키지 의존성 관리 및 스크립트 실행 도구 : npm

 

이후 터미널에 다음 명령어를 입력하고 로컬 서버를 실행하면 아래와 같이 vuetify가 뜬다!

npm run dev