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

jwkwon0817·2023년 9월 2일
0

Web Front-end

목록 보기
2/5
post-thumbnail

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)를 쉽게 설치할 수 있습니다.

profile
학생개발자

0개의 댓글