Vite & React

Vite

Vite(프랑스어로 빠른이라는 뜻)는 Evan You가 만든 빠르고 간단한 웹 개발 빌드 도구

Vite는 주로 Vue.js 애플리케이션을 위한 개발 환경을 제공하는데 중점을 두고 있으나, 다른 프레임워크 및 라이브러리에도 적용할 수 있습니다.

빠른 개발 서버:

•

Vite는 코드 변경 시 빠르게 반영되는 개발 서버를 제공하여 빠른 개발 속도를 지원합니다.

ES 모듈 기반 개발:

•

Vite는 ES 모듈 기반의 개발을 지원하며, 브라우저가 직접 ES 모듈을 사용할 수 있도록 합니다.

Hot 모듈 교체 (HMR):

•

코드 변경이 발생할 때 모듈 단위로 빠르게 교체되어 빠른 개발 환경을 제공합니다.

플러그인 시스템:

•

Vite는 다양한 플러그인을 활용하여 프로젝트에 원하는 기능을 추가할 수 있습니다.

Vue.js 지원:

•

Vite는 Vue.js 프로젝트를 위한 최적화를 제공하며, Vue.js의 단일 파일 컴포넌트 등을 기본적으로 지원합니다.

다양한 프레임워크 지원:

•

Vue.js 이외에도 React, Preact, Vanilla JavaScript 등 다양한 프레임워크와 라이브러리를 지원합니다.

Vite를 사용하면 빠른 개발 환경과 최신 웹 개발 기술을 활용할 수 있습니다. Vite로 Vue.js 또는 다른 프레임워크로 개발할 때 생산성을 향상시키고 빠른 개발 사이클을 경험할 수 있습니다.

npm install -g create-vite
Shell
복사

npm create vite
Shell
복사

cd vite-project
Shell
복사

npm install
Shell
복사

npm run dev
Shell
복사

(PS) PowerShell 에서는 실행 불가

CMD 에서 실행

create-vite 프로젝트이름 --template react

create-vite vite-react-project --template react
Shell
복사

cd vite-react-project 
Shell
복사

npm install
Shell
복사

npm run dev
Shell
복사