ts类型体操(一)

108 阅读1分钟

前言

最近在研究ant-desgin源码,想要模仿ant-desgin设计一套组件库。但是组件最好拥有严格的类型定义。所以想要研究一下类型体操。

环境搭建

首先全局安装ts,这里我用的是mac系统。

sudo npm install -g typescript

用tsc测试,是否安装成功

tsc

image.png

初始化环境,创建tsconfig.json

tsc --init

image.png

安装vscode扩展type challeges(某个大佬做的类型体操练习项目,这个是那个项目的vscode扩展版)

image.png

在侧边栏会出现一个的按钮,点击就可以启用扩展

image.png

点击接受挑战,我们就会进入代码页面。 image.png

我们会发现代码报错,我们需要修改代码从而让其不报错 image.png

在这里我们可以查看别人的解答 image.png

image.png

别人的解答

image.png

解答正确后,爆红消失,对应的题目也会打上勾

image.png

image.png