vite를 이용한 리액트 생성

 

프로젝트를 생성하고

vs code 터미널에서 입력할 명령어

 

npm init vite

 

Need to install the following packages:
create-vite@5.4.0 Ok to proceed? (y) y

> npx > create-vite ✔ Project name: 

project name을 입력하라고 나와있음

하지만, 프로젝트 폴더를 미리 생성해놓고 vs code로 열어서 터미널을 실행했기 때문에

./ 라고 입력

 

✔ Select a framework: › React
✔ Select a variant: › JavaScript

framework과 variant까지 선택하면

 

 프로젝트 생성 끝!

 

npm install

기본 패키지는 설치 해줘야함

 

Vite?

https://ko.vitejs.dev/

Vite

https://www.heropy.dev/p/6iFzkB

React 프로젝트 시작하기 w. Vite

 

Create React App  V.S  Vite

	Vite	CRP
설치시간	약 30초	약 1분 40초
File Size	45MB	221MB
build File Size	150KB	553KB

 

---

필요한 패키지들 설치

npm install axios react-router-dom

npm install -D autoprefixer postcss

 

• axios
• react-router-dom