TypeScript - Install

1. 설치방법

---

Node.js를 설치하면 npm도 같이 설치된다.

$ npm install -g typescript

TypeScript의 기본 확장자는 .ts이다.

// person.ts
class Person {
  private name: string;
 
  constructor(name: string) {
    this.name = name;
  }
 
  sayHello() {
    return "Hello, " + this.name;
  }
}
 
const person = new Person('Lee');
 
console.log(person.sayHello());

tsc 명령어 뒤에 트랜스파일링 대상 파일명을 지정한다. 이때 확장자 .ts는 생략할 수 있다.

$ tsc person

실행을 하게되면, 같은 디렉터리에 자바스크립트 파일(person.js)이 생성된다.

이때 트랜스파일링된 person.js의 자바스크립트 버전은 ES3이다. 만약, 자바스크립트 버전을 변경하려면 컴파일 옵션에 --target 또는 -t를 사용한다. 현재 tsc가 지원하는 자바스크립트 버전은 ‘ES3’(default), ‘ES5’, ‘ES2015’, ‘ES2016’, ‘ES2017’, ‘ES2018’, ‘ES2019’, ‘ESNEXT’이다.

자바스크립트 파일이 생성되었으면, Node.js REPL을 이용해 트랜스파일링된 person.js를 실행한다.

$ node person
Hello, Lee

tsc 옵션 설정 파일을 생성하도록 하자.

$ tsc --init

이러면 tsc만 입력해도 디렉터리의 모든 .ts파일이 트랜스파일링된다.

번거롭게 트랜스파일링할때하다 tsc를 입력하기 싫으면 tsconfig.json에 "watch": true옵션을 추가해주면 변경사항을 인식해서 자동으로 트랜스파일링을 해준다.

{
  // ...
  "watch": true
}