[TS] Setting

Chanki Hong·2023년 3월 29일
0

TypeScript

목록 보기
1/9
post-thumbnail

Setting

Vanilla TS

  1. 글로벌 설치(최초 1회).
    • $ npm install -g typescript
  2. tsc(TS Compiler) 명령으로 tsconfig.json(컴파일러 설정) 초기화(생성).
    • $ npx tsc --init
  3. .ts 확장자 파일 생성 후 이용.
  • 실시간 컴파일은 $ tsc -w. (저장시 자동 컴파일)
  • HTML 파일등에 사용시 컴파일 된 .js 파일 사용.

TS with React

  • 기존의 React 프로젝트 라면,
    • 프로젝트 폴더 경로에서,
    • $ npm install --save typescript @types/node @types/react @types/react-dom @types/jest
  • 새로운 프로젝트를 만들 때는 CRA 이용.
    • $ npx create-react-app 프로젝트명 --template typescript

0개의 댓글