[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 코드
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 파일을 실행 합니다. |
'ProgrammingLang > typescript' 카테고리의 다른 글
[typescript] 6. 연산자 와 디스트럭쳐링(destructuring) (0) | 2018.12.05 |
---|---|
[typescript] 5. 제어문 (0) | 2018.12.05 |
[typescript] 4. typescript 기본 타입과 변수 선언 (0) | 2018.12.04 |
[typescript] 3. 개발 환경 구축 및 테스트 프로젝트 (0) | 2018.12.01 |
[typescript] 2. 개요 (0) | 2018.12.01 |