TypeScript in VS_Code

typescript 는 모든 브라우져에서 호환 가능한 스크립트 언어이다.

 

이를 사용하기 위해서는  브라우져로 전송하기 전에  JS 언어로 컴파일 해주어야 한다.

 

순서는 이렇다.

 

1.

npm install -g typescript

2.

test.ts 파일 생성

3.

tsc test.ts  로 컴파일  >> .js 파일 나옴

4.

node test.js 파일 실행

=======================================

 

또한 우리는 tsc 컴파일러의 기본 컴파일 옵션이 아닌 추가 설정을 하고 싶을떄 

tsconfig.json 파일을 생성해서 설정해주면 된다.

우리는 컴파일된 .js 파일을 특정 폴더에 저장해주도록 설정해보겠다.

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    //컴파일 후 js 파일 저장 폴더 지정
    "outDir": "out"
    //타입스크립트와 자바스크립트 간의 매핑을 지원하여 디버깅 지원
    "sourceMap": true

  }
}

>>  outDir에 의해서 특정 폴더에 저장되게 된다.  js 파일을 지우고 다시 tsc명령어로 컴파일 해보자.

새로운 폴더에 js파일이 저장되는것을 볼 수 있다.

>> 매핑을 지원하여 디버그 할 수 있다 ts파일에서 F5를 누르고 node.js 를 선택해보자. 우리는 하단의 DEBUG CONSOLE에서 디버깅이 되는것을 확인 할 수 있다. BreakPoint도 설정가능.