1、TypeScript初探

1、安装

配置淘宝源：npm config set registry https://registry.npm.taobao.org/

安装TypeScript：npm install typescript    （全局安装也行）

安装这个使node支持ts：npm install ts-node    （全局安装也行）

（ts-node安装完后记下安装的路径，要用）

2、调试

目录结构

在目录中创建一个文件夹，文件夹里面创建一个名字为 .vscode 的文件夹和一个 test.ts 文件，在 .vscode 文件夹内创建一个名为 launch.json 的文件，内容如下(自己格式化一下)

{"configurations": [{ "name": "ts-node", "type": "node", "request": "launch","program": "注意看这里，要写成ts-node对应的可执行文件，Windows 用户写成 ${workspaceRoot}/node_modules/ts-node/dist/bin.js", "args": ["${relativeFile}"], "cwd": "${workspaceRoot}", "protocol": "inspector" } ]}

 test.ts 文件内容： console.log('hello qq')

---

切换到 test.ts ，找到调试选项(小虫子图标)，选择 ts-node，然后点击调试，就能看到结果（如果路径报错，就先装个webpack，再装 ts 和 ts-node）

示例

---

2、tsc编译：tsc 作用就是把 ts 变成 js，浏览器才能识别

在命令行上，运行TypeScript编译器：tsc 文件名，就可以编译 ts 文件，如下图

多出一个js文件

 给 person函数的参数添加: string类型注解，则 user 只能是字符串或 undefined

string类型注解

---

3、接口（好像不支持函数）

接口怎么定义，里面就怎么用。也就是在实现接口时候只要保证包含了接口要求的结构就可以，而不必明确地使用 implements语句。

---

4、类

有public

在构造函数的参数上使用 public 等同于创建了同名的成员变量。如下图

没有public

如果是按 Person 来规定 greeter 函数，就不能用 fullName

中文官网：    https://www.tslang.cn/docs/home.html