코딩 - Vuttify 3 (Vue 3 + Typescript + Vite ) : 무료 템플릿을 이용한 관리자 데시보드 프로그램 개발 시작하기

 ◼︎ 환경 

• Model : MacBook Pro (14-inch, 2021)
• CPU : Apple M1 Pro
• MENORY : 16GB
• DISK : 512 GB SSD
• OS : macOS 13.2.1 (22D68)
• TOOLS : Visual Studio Code, Git

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

yarn create vuetify 

프로젝트를 Code 에서 확인하면 아래와 같이 개발을 쉽게 진행할 수 있도록 잘정리된  파일 구조를 확인할 수 있다.

터미널에서 npm run dev 명령을 입력하여 실행 프로젝트를 실행해 볼 수 있다.  

만일 Vue3 기술을 기반으로 하는 관리자 웹을 고려하고 있다면 무료 Modernize Free Vuetify + Vue js Admin Dashboard 템플릿 사용을 고려할 수 있다.  조금만 수정하면 아주 쉽게 관리자 웹  프로그램 개발을 시작할 수 있어 생산성에 많은 도움을 준다.

Modernize-vuejs-free

프로젝트 폴더 구성 역시 잘 구분되어 있어 바로 사용해도 무방할 것 같다.