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 文件,如下图
给 person函数的参数添加: string类型注解,则 user 只能是字符串或 undefined
3、接口(好像不支持函数)
接口怎么定义,里面就怎么用。也就是在实现接口时候只要保证包含了接口要求的结构就可以,而不必明确地使用 implements语句。
4、类
在构造函数的参数上使用 public 等同于创建了同名的成员变量。如下图
如果是按 Person 来规定 greeter 函数,就不能用 fullName
中文官网: https://www.tslang.cn/docs/home.html