> npm install -g typescript
-g 옵션을 주면 global 어디서나 TypeScript 를 사용할 수 있다.
-g 옵션을 주지 않으면 실행한 folder 에서만 TypeScript 를 사용한다.
2) 테스트용 파일 생성
index.html
<html>
<head lang="ko">
<title>
type script test
</title>
<meta charset="utf-8" />
<script src="index.js"></script>
</head>
<body>
<p>type script test on browser environments</p>
</body>
</html>
index.ts
console.log("type script test on console environments");
3) TypeScript 를 compile
> tsc index.ts
TypeScrpt 파일을 compile 하면 js 파일이 생성된다.
위의 경우 index.js 파일이 생성된다.
4) 생성된 index.js 를 실행해 본다.
> node index.js
5) npm 환경 구성
> npm init
6) test 를 위한 lite-server 설치
> npm install lite-server --save-dev
7) lite-server 실행 스크립트 추가
package.json 에 "start" 라는 명령어를 추가한다.
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "lite-server"
},
8) lite-server 를 실행한다.
> npm start
9) TypeScript 컴파일 환경을 설정한다.
> tsc --init
10) TypeScript 파일 모두 compile 하기
> tsc
tsc --init 를 실행하고 나면 tsc 명령으로 모든 ts 파일을 compile 하여 js 파일을 만든다.
0 개의 댓글:
댓글 쓰기