ProgrammingLang/typescript

[typescript] 1. 설치

jinkwon.kim 2018. 12. 1. 14:53
728x90
반응형

[typescript] 1. 설치



1. typescript 실행 준비물

  1) node.js

    - 필요 이유 : typescript가 node.js 로 설치 됩니다.


  2) typescript

    - 용   도 : typescript를 javascript로 변경하는 컴파일러를 제공  합니다

    - 버   전 : 2.7.2

    - 설치 방법 : npm install -g typescript@2.7.2 (전역으로 설치)


  2) ts-node

    - 용   도 : typescript를 바로 실행하는데 사용 됩니다

- 버   전 : 3.3.0

- 설   치 : npm install -g ts-node@3.3.0

                  (최신 버전 설치를 원하 실경우 @3.3.0 을 빼시면 됩니다, 현재 최신 버전 8.0.3)


2. typescript 실행

  1) Sample 코드

/**
* @author happygrammer
*/
let hello: string = "hello typescript!";
console.log(hello);


  2) 실행 방법

    (1) 파일 컴파일 실행

      - tsc(TypeScript Compiler)

      - tsc 로 컴파일하고 node로 실행

      > tsc .\hello.ts

      > node.\hello.js

      hello typescript!


    (2) 파일 직접 실행

      - ts-node로 바로 typescript 실행

      > ts-node .\hello.ts

      hello typescript!


    (3) 프로젝트 단위로 실행 

      - 프로젝트 단위로 실행 할때는 tsc 명령어 만으로 컴파이리 가능합니다. 

      A. tsc 만 실행 할경우 

        - 프로젝트 root 디렉토리에 tsconfig.json 파일이 존재한다면 해당 파일을 읽어 프로젝트 전체를 대상으로

          컴파일 합니다. 

      B. tsc --outdir ./dist 로 실행 할경우

        - --outdir를 통하여 컴파일 결과가 담김 디렉토리를 선택하면 해당 디렉토리로 컴과일 결과가 저장됩니다. 


      * tsconfig.json 파일 구성은 차차 알아 보겠습니다.


2. typescript 개발 도구 - visual studio code(VSCode)

  - VSCode에서 제공하는 typescript 빌드 제어 파일

 항목

 기능 

 tasks.json

 VSCode의작업환경(workspace)에 대한 설정 파일

 tasks-project.json

 tsc 명령어를 이용해 프로젝트 단위 컴파일 수행 

 tasks-tsc.json

 tsc 명령어를 이용해 개별 타입스크립트 파일을 컴파일

 tasks-tsc-watch.json

 tsc 명령어에 -w 옵션을 추가해 코드 변경시 컴파일되게 합니다.  

 tasks-ts-node.json 

 ts-node 명령을 이용해 typescript 파일을 실행 합니다. 


728x90
반응형