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