[Vuejs] Vite+Vue로 프로젝트 시작하기

 

🍒 Vue + Vite의 장점

Vuejs를 사용한 웹 어플리케이션 제작에 Vite를 많이 쓰는 것 같아 아무 생각 없이 따라하다가 문득 왜 Vite를 쓰는거지? 하는 의문이 들었다. Vite 공식 사이트에서는 사전 번들링, Hot Module Replacement... .. 이런 저런 설명을 해놨지만 정리해보면 빠른 빌드 속도, 서버 재기동이 필요 없는 즉각적인 소스 수정 반영이 큰 이유인 것 같다. 

 

꼭 Vue가 아니더라도 React, Svelte와 같은 다양한 프레임워크를 지원한다.

 

✅ Vite로 프로젝트 시작하기

vite와 Vuejs가 모두 설치되었다는 전제 하에 아주 간단하게 프로젝트 세팅이 가능하다.

npm create vite@latest my-app
cd my-app
npm install

# 로컬 서버 기동
npm run dev

 

💭 참고 사이트

Vite 공식 문서 (https://vitejs-kr.github.io/guide/)

Vite