[Ubuntu] Yarn으로 Vite+React+TypeScript 환경설정하기

2025.03에 작성된 블로그입니다. 만약 아래 명령어가 잘 작동되지 않을 경우, 옛 버전 기준일 수 있습니다.

01. Node.js & npm 설치

공식 LTS 버전 설치 (Ubuntu 기준)

sudo apt update
sudo apt install -y curl
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs

 

설치 확인

node -v
npm -v

 

위 명령어가 작동된다면, 정상적으로 설치된 겁니다.

---

02. yarn 설치

npm install -g yarn

설치 확인

yarn -v

---

03. Vite + React + TypeScript 프로젝트 생성

yarn create vite my-app --template react-ts

• my-app에 원하는 프로젝트 이름으로 바꾸셔도 괜찮습니다.

---

04. 라이브러리 설치

cd my-app
yarn install

---

05. 개발 서버 실행

yarn dev