03 개발환경
컴파일러 설치
tsc 명령을 사용하기 위해 다음과 같이 타입스크립트를 전역 설치할 수 있습니다.
타입스크립트 파일을 경로로 지정하면 해당 파일을 컴파일합니다.
Shell
1
2
3
$ npm install -g typescript
$ tsc --version
$ tsc ./src/index.ts혹은, 단일 프로젝트에서만 사용하길 희망하는 경우 일반 지역 설치 후 npx tsc 명령으로 실행할 수도 있습니다.
Shell
1
2
3
$ npm install -D typescript
$ npx tsc --version
$ npx tsc ./src/index.ts
컴파일러 옵션
타입스크립트 컴파일을 위한 다양한 옵션을 지정할 수 있습니다.
Shell
1
$ tsc ./src/index.ts --watch --strict true --target ES6 --lib ES2015,DOM --module CommonJS혹은 아래와 같이 tsconfig.json 파일로 옵션을 관리할 수 있습니다."include"와 "exclude" 옵션을 같이 추가해, 컴파일에 포함할 경로와 제외할 경로를 설정할 수 있습니다.
VScode와 WebStorm을 사용하는 경우,
tsconfig.json파일을 프로젝트 루트 경로에 생성하면 에디터에 의해 구성 옵션이 분석됩니다.
JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
"compilerOptions": {
"strict": true,
"target": "ES6",
"lib": ["ES2015", "DOM"],
"module": "CommonJS"
},
"include": [
"src/**/*.ts"
],
"exclude": [
"node_modules"
]
}Shell
1
$ tsc --watch