[React] 프로젝트 환경 세팅하기 - CRA vs Vite

Create React App 로 시작하기

npx create-react-app my-app
cd my-app
npm run start

 

Vite 로 시작하기

npm create vite@latest my-app -- --template react
cd my-app
npm install
npm run dev

CRA vs Vite

CRA 보다 Vite를 사용했을 때 프로젝트 생성 + 패키지 설치 속도가 훨씬 빠르다. 

자세한 비교는 아래 글을 참고! 

[React] 리액트 프로젝트 생성 - Create React App 보다 더 빠른 Vite 사용하기

 

Git Repository와 연결하기 

1. repository를 만든 후 git clone을 한다. 

2. 레포지토리와 동일한 이름으로 생성한다.

how to proceed ~ 하면서 덮어쓸지, 무시할지 등을 고르라고 하는데 Remove existing files and continue를 선택하였다.

3.  git add + commit + push 하면 끝!