Vite Starter

React 개발 환경 준비

React 입문 환경은 Node.js와 패키지 매니저를 확인하고, Vite로 프로젝트를 만든 뒤 개발 서버에서 화면을 확인하는 흐름이 핵심입니다.

Node실행 환경
npm의존성 설치
Vite프로젝트 생성
localhost개발 서버 확인
01

Node.js

React 개발 도구와 번들러를 실행하기 위한 JavaScript 런타임입니다.

02

npm

라이브러리 설치와 스크립트 실행을 담당하는 패키지 도구입니다.

03

Vite

빠른 개발 서버와 빌드 설정을 제공하는 현대적인 시작 도구입니다.

04

VS Code

컴포넌트 파일을 편집하고 터미널에서 서버를 실행하기 좋습니다.

확인 순서

  • node와 npm 버전을 먼저 확인해 설치 문제를 분리합니다.
  • 프로젝트 생성 후 package.json의 scripts를 보면 실행 명령을 알 수 있습니다.
  • 브라우저가 안 열리면 터미널에 표시된 로컬 주소를 직접 입력합니다.

기본 명령

node -v런타임
npm -v패키지
create생성
dev실행