프론트엔드/TypeScript

[TypeScript] 기본 세팅하기 및 시작하기

병걸 2023. 5. 10. 13:36

우선 TypeScript를 하기 위해 기본적으로 세팅해야 할 것들이 있다.

1) node.js 설치 (최신버전)

2) VScode에디터 사용(각자 취향에 맞는 에디터)

3) 터미널창에 npm install -g typescript 입력

4) 코드 입력할 폴더를 만들고 에디터에서 폴더 열기

5) 파일명.ts 파일 생성 후 코드 입력

6-1) tsc --init 터미널에 입력 (추천)

또는

6-2) tsconfig.json 파일을 만든 후 하단 내용 입력

{   
  "compilerOptions" : {     
    "target": "es5",     
    "module": "commonjs",  
  } 
}

 

7) 파일명.ts에서 코딩 시작

8) 터미널창에서 tsc -w 입력하여 TypeScript파일은 자동으로 JavaScript파일로 변환하기 가능