[ React ] Vite로 React 프로젝트 시작하기 (with TS)

React를 Vite로 시작하기 전에 나는 yarn을 선호하기 때문에 사용하도록 하겠다.

yarn 설치하는 방법

yarn 설치하기

---

먼저 터미널에서 다음 명령어를 실행한다.

yarn create vite

vite-project 부분에 원하는 프로젝트 이름을 입력한다.

그리고 다음 화면에서 React를 선택한다.

프레임워크를 선택해 주었다면 다음 화면에서 TypeScript 또는 TypeScript + SWC를 선택해준다.

TypeScript와 TypeScript + SWC의 차이

TypeScript와 TypeScript + SWC의 차이 알아보기

그리고 다음 명령어를 입력해 줍니다.

cd [your-project-name] # ex) cd test
yarn
yarn dev

---

위 방법만 잘 따라한다면 Vite로 React (with TS)를 쉽게 설치할 수 있다.