React 앱 생성하기 (feat. Vite)

보통 리액트 앱을 생성할 때, 아래와 같은 명령어로 생성을 한다.

npx create-react-app my-app

오늘은, Vite 라는 툴을 이용해서, 다른 방법으로 리액트 앱을 생성해보려고 한다.

 

Vite 란?
프랑스어로 rapid 또는 quicky 라는 뜻으로, React 외에도 vue, svelte 등 의
프로젝트를 빌드할 수 있게 도와주는 툴 중 하나이다.

https://ko.vitejs.dev/guide/

Vite

---

프로젝트 생성

1. 프로젝트 생성하고하자는 폴더로 이동하여,

npm create vite@latest

2. 아래와 같이 선택해 주면, 프로젝트를 생성한다.

3. 생성된 프로젝트 (first-react-app)으로 이동하여, 생성된 파일 확인

cd first-react-app

dir

4. dependency 설치

npm install

5. Server 시작

npm run dev

6. url 접속 : 아래 보이는 Local 도메인으로 접속을 하게되면, 생성된 프로젝트를 볼 수 있다.

장점 : 다른건 모르겠고.. 진짜 엄청 빠르다.