[React] React Vite TypeScript 개발환경 세팅하기

👉 선행작업이 필요합니다.

이에 대한 방법은 아래 링크를 참고해 주시기 바랍니다.

https://creative103.tistory.com/214

[React] Vite 를 이용한 React + Typescript 실행환경 세팅하기

---

🗂️ 새 작업공간 폴더 생성

새 폴더 생성

---

🗂️ 기존 파일 - 복사해서 가져오기

• "📁components"  폴더 (index.html, main.tsx)
• "📜vite.config.ts"  파일
• "📜tsconfig.json"  파일
• "📜package.json"  파일

 

1) 기존 작업폴더에서 해당하는 폴더/파일 복사

2) 새 작업 폴더에 붙혀넣기

---

🏴󠁧󠁢󠁷󠁬󠁳󠁿 VScode 터미널 (Ctrl + Shift + `백틱)

• "cd 새작업폴더명"  명령어 입력 ➡️ 디렉토리 이동
• "npm i"  명령어 입력 ➡️ '📁node_modules' 폴더 /  '📜package-lock.json' 파일 생성