[React] React vite로 개발환경 세팅

차슈·2024년 5월 13일
1

REACT

목록 보기
3/12
post-thumbnail

VScode와 git이 다 설치되어있다는 가정하에 진행


node 설치

node -v

해주면 버전확인 가능!
vversion의 약자

yarn 설치

npm install -g yarn

yarn 버전확인

yarn -v 

개발환경 세팅

windows: powershell or git bash
mac : iterms or 터미널

원하는 경로 이동하기

cd : 파일 이동
mkdir: 디렉토리 생성 = 파일생성
rm : 삭제
ls: 목록 보기
ls-l : 숨겨진 목록까지 보기

cd Desktop // 바탕화면으로 가고싶으면 
ls // 확인후, 
cd [원하는 파일] // 바탕화면 - 원하는 파일 폴더로 이동 

이렇게 원하는 파일 폴더로 넘어간 뒤

yarn create vite [원하는 이름] --template react
cd [만든파일] 
yarn
yarn dev

하면 세팅 완료!


vite

  • 프론트엔드 개발을 위한 새로운 빌드도구
  • 다양한 프레임워크와 라이브러리 지원
  • Esbuild 사용
  • 매우 빠름

0개의 댓글