1.npm install -g typescript ---安裝一個全局的TypeScript
Paste_Image.png
2.創(chuàng)建第一個TypeScript文件,
Paste_Image.png
3.用命令行 tsc greeter.ts 打包文件。
這個命令行其實就是將 greeter.ts 打包成greeter.js 。將TypeScript 的代碼，打包成JavaScript 的代碼。
Paste_Image.png
4.添加給 person 添加注解，如下圖，其實就是約束person 是string 類型的，傳進來別的類型的時候，在使用 tsc 命令行的時候 會報錯。
Paste_Image.png
5.TypeScript 接口
Paste_Image.png
6.TypeScript 類
類和接口的良好配合使用，決定一個程序員的抽象水平。
Paste_Image.png
在構造函數中，例如public firstName, 其實相當于在外面定義了 firstName 屬性，首頁user 這個對象其實是有4個屬性的，分別是 fullName,firstName,middleInitial,lastName
我們可以看看 打包都生成的js文件：
Paste_Image.png
7.運行html頁面： 在html頁面 是引入 greeter.js 文件，例如
Paste_Image.png
