2023년 2월 3일

코딩 - Vuetify3 로 시작하는 Vue3 웹 프로그램 만들기

◼︎ 개발환경 

  • Model : MacBook Pro (14-inch, 2021)
  • CPU : Apple M1 Pro 
  • MENORY : 16GB
  • DISK : 512 GB SSD
  • OS : macOS 13.0.1(22A400)

vuetify 프로젝트 생성을 위해서 yarn 도구를 사용한다. yarn 은 corepack 의 부분으로 패키지 관리를 위하여 먼저 설치가 필요하다.  생성된 프로젝트는 비교적 불필요한 파일들 없이 간단하게 프로젝트가 생성되기 때문에 유용하다.
npm i -g corepack 

이제 vuetify 프로젝트를 아래와 같은 명령을 사용하여 생성한다.

yarn create vuetify 


마지막으로 생성된 Essentials Preset 프로젝트에서 다음 명령을 입력하여 프로젝트를 실행시켜 본다.

npm install 
npm run dev

참고자료

  1. Vuetify Getting Started 
  2. Get started with Vuetify 3
  3. Kickstart your next project with Nuxt3 and vuetify3

댓글 없음:

댓글 쓰기