✓ Vite

🔗 Vite

Frontend 개발 환경 관련 도구들에는 webpack, parcel 등이 존재한다.

Vite 라는 도구도 있다.

Vite를 사용해서 우선 번들러나 빌드 도구들에 대해 신경쓰지 않고 Typescript 프로젝트를 공부해보자.

✓ Vite 프로젝트 만들기

🔗 first-vite-project

프로젝트를 생성할 위치로 이동 후,

npm create vite@latest 프로젝트명 -- --template 템플릿 명령으로 프로젝트를 생성한다.

안내에 따라 cd 프로젝트명( 프로젝트 폴더로 이동 ) ➜ npm install ( npm 설치 )

➜ npm run dev ( 서버 실행 ) 명령을 실행한다.

해당 주소로 접속해보면 다음과 같은 화면을 확인할 수 있다.

VS Code로 프로젝트를 열어보면 다음과 같은 폴더 구조를 가지고 있다.