[TypeScript] 타입스크립트 설치하기

 

 

1.

yarn add global typescript --dev

 

--dev는 프로젝트마다 환경셋팅이 다를 때, 로컬에 설치를 사용하려고 쓰는 것이다. 

 

2.

npx tsc --init

 

ECMAScript 기준으로 타입스크립트를 사용할 수 있다는 뜻이다.

git init 해주는 것처럼 이제 타입스크립트 쓸꺼야와 같은 이야기

tsconfig.json을 이용해서 타입스크립트를 설치한 내용들이 들어간다.

 

3. 파일을 하나 만들어 보자

basic.ts파일을 생성

 

 

 

4.

npx tsc -w

 

watch 모드를 사용!

한번에  ts를 js로 번역해준다.

 

5. tslint 타입스크립트의 문법을 검사해주는 패키지를 설치!

yarn add tslint --dev

- typescript 구문 오류 등 오류 검사를 해주는 패키지

 

6. 에어비엔비 회사의 규칙을 따라서 confing 설정

yarn add tslint-config-airbnb

7. tslint 파일 설치

npx tslint --init

 

8. tslint extends 부분 설정 수정

"extends": [ "tslint-config-airbnb" ],

 

9.

yarn add global ts-node @types/node

 

 

10.

한 파일만 컴파일 할때는 

npx tsc 파일명

 

여러 파일을 계속 컴파일할 때는

npx tsc -w

 

11.컴파일된 자바스크립트 파일을 실행

node 파일명.js