[리액트] vite를 통한 react 프로젝트 생성

이지민·2025년 5월 20일

리액트

목록 보기
2/15
post-thumbnail

1. vite로 리액트 프로젝트 생성하기

# npm create vite@latest
npm create vite@latest

# npm create vite@latest 프로젝트 이름
# 프로젝트 이름은 선택사항
npm create vite@latest my-react-app



2. 사용할 프레임워크 설정하기

Select a framework:
    Vanilla
    Vue
❯   React
    Preact
    Lit
    Svelte
    Solid
    Qwik
    Angular
    Marko
    Others



3. 사용 언어(variant) 설정

Select a variant: › - Use arrow-keys. Return to submit.
    TypeScript
    TypeScript + SWC
❯   JavaScript
    JavaScript + SWC
    React Rounter v7 ↗
    TanStack Router ↗
    RedwoodSDK ↗



4. 실행해보기

cd 프로젝트명
npm install
npm run dev

인용자료 출처
[React] Vite로 react 프로젝트 시작하기

profile
모든 것을 다 기억할 수는 없기에 기록합니다.

0개의 댓글