:ledger: 타입스크립트 설치 방법에 대해 알아보자

:one: TypeScript 설치 방법

설치 방법은 아래와 같다.

:pushpin: 1-1) 이미 있는 React 프로젝트에 설치

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

:pushpin: 1-2) 프로젝트 생성 (직접 선택)

처음부터 생성하려면 터미널을 열고 아래의 명령어를 입력 후 잘 선택하면된다.

npm create vite@latest

:pushpin: 1-3) 프로젝트 생성 (Vite + React + TypeScript)

Vite를 사용하여 TypeScript와 React 템플릿 기반으로 프로젝트 생성

npm create vite@latest my-react-ts-app -- --template react-ts

:pushpin: 1-4) 디렉토리 이동 및 종속성 설치

cd 프로젝트명
npm install

:fire: 마무리

지금까지 yarn을 사용하면서 문제가 없었는데 npm을 사용하면서 권한 문제를 겪었다. npm EACCES 권한 문제를 겪는다면 아래의 글을 참고!

태그:

카테고리: ,

업데이트: