저자는 vscode를 선호한다고 함
아톰, 빔, 웹스톰 등..
TSC도 타입스크립트로 구현된 명령행 도구이므로 TSC를 실행하려면 node.js가 필요하다
node.js는 프로젝트 의존성이나 빌드를 관리하는 패키지 관리자 npm을 포함한다
npm을 이용해 tsc와 tslint(타입스크립트 린터)를 설치
npm init
npm install --save-dev typescript tslint @types/node
모든 타입스크립트 프로젝트는 루트 디렉토리에 tsconfig.json이라는 파일이 존재해야 한다
tsconfig.json v파일은 어떤 파일을 컴파일하고, 어떤 자바스크립트 버전으로 방출하는지 정의
루트 디렉토리에 tsconfig.json 파일 만들고
{
"compilerOptions": {
"lib": ["es2015"],
"module": "commonjs",
"outDir": "dist",
"sourceMap": true,
"strict": true,
"target": "es2015"
},
"include": ["src"]
}
입력
다음과 같이 타입스크립트 내장 명령을 사용해서 만들 수도 있다
./node_modules/.bin/tsc -- init
옵션 | 설명 |
---|---|
include | tsc가 타입스크립트 파일을 찾을 디렉토리 |
lib | tsc가 코드 실행 환경에서 이용할 수 있다고 가정하는 API |
module | tsc가 코드를 컴파일할 대상 모듈 시스템 |
outDir | 생성된 자바스크립트 코드를 출력할 디렉토리 |
strict | 유효하지 않은 코드를 확인할 때, 엄격모드 적용 |
target | tsc가 컴파일할 자바스크립트 버전 |
보통 프로젝트는 tslint를 정의하는 tslint.json 파일을 포함한다
린터는 선택 사항이지만 강력히 권장하는..
내장 명령을 통해 기본 설정 파일 만들기
./node_modules/.bin/tslint -init
{
"defulatSeverity": "error",
"extends": [
"tslint: recommended"
],
"rules": {
"semicolon": false,
"trailing-comma": false
}
}
저자의 tslint 스타일
rules에 지정 가능한 규칙은 TSlint 문서에 정의되어 있다
루트 디렉토리/src 하위에 index.ts 파일 생성
tsc로 타입 스크립트 컴파일
./node_modules/.bin/tsc
node로 코드 실행
node ./dist/index.js
ts-node 를 설치하면 명령 한 번으로 타입스크립트를 컴파일하고 실행할 수 있다
typescript-node-starter 같은 scafolding 도구를 이용해
빠르게 디렉토리 구조를 생성할 수도 있다