vite를 사용하는 이유

1. Hot Module Replacement(HMR) 지원 : 코드 수정이 발생할 때 페이지 전체를 리로드하지 않고도 변경 사항을 즉시 확인할 수 있음.
2. typescript 기본 지원 : 추가적인 모듈을 설치하지 않아도 타입스크립트를 사용할 수 있음
3. 빠른 빌드 시간 : ES 모듈을 사용하여 빌드 시간을 크게 단축함. 큰 프로젝트에서 더욱 크게 와닿는 장점일듯.

리액트 프로젝트 만들기

프로젝트를 만들고 싶은 폴더에서 다음 명령어를 입력한다

npm create vite@latest

입력 후 안내에 나오는 대로 입력한다
variant는 타입스크립트, 타입스크립트 + swc, 자바스크립트, 자바스크립트 + swc 중 하나를 선택할 수 있지만 나는 타입스크립트 선택

아래 명령어를 입력한다

cd 프로젝트이름
npm install
npm run dev

출처

vite 공식 사이트