1.npm install -g typescript ---安装一个全局的TypeScript

Paste_Image.png

2.创建第一个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