컴파일러 설치 - 한 눈에 보는 타입스크립트

03 개발환경

컴파일러 설치

tsc 명령을 사용하기 위해 다음과 같이 타입스크립트를 전역 설치할 수 있습니다.
타입스크립트 파일을 경로로 지정하면 해당 파일을 컴파일합니다.

$ npm install -g typescript
$ tsc --version
$ tsc ./src/index.ts

shell

혹은, 단일 프로젝트에서만 사용하길 희망하는 경우 일반 지역 설치 후 npx tsc 명령으로 실행할 수도 있습니다.

$ npm install -D typescript
$ npx tsc --version
$ npx tsc ./src/index.ts

shell

컴파일러 옵션

타입스크립트 컴파일을 위한 다양한 옵션을 지정할 수 있습니다.

공식 문서: https://www.typescriptlang.org/docs/handbook/compiler-options.html
공식 문서 한글 번역: https://typescript-kr.github.io/pages/Compiler%20Options.html
vomvoru’s blog: https://vomvoru.github.io/blog/tsconfig-compiler-options-kr/

$ tsc ./src/index.ts --watch --strict true --target ES6 --lib ES2015,DOM --module CommonJS

shell

혹은 아래와 같이 tsconfig.json 파일로 옵션을 관리할 수 있습니다.
"include"와 "exclude" 옵션을 같이 추가해, 컴파일에 포함할 경로와 제외할 경로를 설정할 수 있습니다.

VScode와 WebStorm을 사용하는 경우, tsconfig.json 파일을 프로젝트 루트 경로에 생성하면 에디터에 의해 구성 옵션이 분석됩니다.

{
  "compilerOptions": {
    "strict": true,
    "target": "ES6",
    "lib": ["ES2015", "DOM"],
    "module": "CommonJS"
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

json

$ tsc --watch

shell

질문하기

추가 자료

추가 자료가 없습니다

여기서 새로운 학습 자료를 확인하세요!
선생님이 추가한 자료들을 바로 확인할 수 있어요.