安裝 TypeScript
TypeScript 的命令行工具安裝方法如下:
npm install -g typescript
安裝完成之后,就有了 tsc
命令。編譯一個 TypeScript 文件很簡單:
tsc hello.ts
我們約定使用 TypeScript 編寫的文件以 .ts
為后綴。
Hello TypeScript
我們從一個簡單的例子開始。
將以下代碼復制到 hello.ts
中:
function sayHello(person: string) { return 'Hello, ' + person; } let user = 'Xcat Liu'; console.log(sayHello(user));
然后執行
tsc hello.ts
這時候會生成一個編譯好的文件 hello.js
:
function sayHello(person) { return 'Hello, ' + person; } var user = 'Xcat Liu'; console.log(sayHello(user));
運行:
node hello.js
即可看到結果!
前端使用的話:
<script type="text/typescript">
var hw:string="Hello World!"; //定義一個字符串變量
document.write(<h1>"+hw+"</h1>); //將結果顯示在頁面上,這句話是不是很熟悉呢。
如果想在頁面上直接編譯看到結果,還需要引用typescript.min.js與typescript.compile.min.js。如下代碼:
<html>
<head>
<title>demo</title>
</head>
<body>
<script type="text/typescript">
// TypeScript代碼
</script>
<script src="lib/typescript.min.js"></script>
<script src="lib/typescript.compile.min.js"></script>
</body>
</html>