typescript 컴파일러 설치 (VSCode)

기본적으로 vscode 에는 typescript를 지원하나 컴파일러는 설치해야 한다. 

 

• 전역 설치
  • 명령어 : npm install -g typescript
• config 파일 생성
  • 컴파일 설정을 모아둔 파일
  • 명령어 : tsc init
    • tsconfig.json 파일이 생성됨 (프로젝트 폴더에서 실행할 것)
• 컴파일 (javascript로 컴파일)
  • 명령어 : tsc 파일위치및이름
    • 예 : tsc ./src/test.ts
• Watch 
  • ts 파일을 수정 후 매번 빌드 하는것은 번거로운 일이므로 이를 자동으로 watch 하여 변환해줌. 
  • 명령어 : tsc 파일위치및이름 -w 이 일반적이나 tsc -w 처럼 프로젝트 전체를 대상으로 할 수 있음
  • tsconfig.json 가 있다면 콘솔에 tsc 만 입력하면 해당 프로젝트 내 모든 타입스크립트를 컴파일
• tsconfig.json
  • 빌드 옵션 등을 전역으로 설정 가능
  • 옵션 중, outdir 및 rootdir 은 주석해제하고 설정
    • outdir : 빌드결과물 js 파일위치
    • rootdir : ts 파일 위치
  • 자세한 옵션 설명은 https://www.typescriptlang.org/tsconfig/