学习方法
学习资源推荐
最好的学习资源永远是官方网站:https://www.typescriptlang.org/
中文社区可以参考官方维护的中文版:https://www.typescriptlang.org/zh/ 。
历史镜像(如 tslang.cn、typescript.bootcss.com)内容已经多年未更新,仅供查阅基础概念,遇到差异时请以官方文档与 Playground 为准。
如何查看ts错误
一般可以借助工具,比如:ESLint(搭配 @typescript-eslint/parser
与 @typescript-eslint/eslint-plugin
)。你没有看错是 ESLint,而不是早已停止维护的 TSLint,看下图:
ts-lint很久没有更新了,而eslint早已覆盖了typescript的规则,如:

再来看看eslint对于typescript错误的提示:
足够使用!
除此之外,还可以借助 lint-staged、husky 在提交阶段执行 ESLint 自动修复和检查。
对于上述的错误,一般通过翻译错误的提示,就能知道如何进行修改我们的代码了。
学会看申明文件
TypeScript 支持为 JS 库添加声明文件,以此来提供声明信息。说人话:TS给JS加了很多标识,以便后续进行检查JS类型错误。
后续我们会介绍如何安装与定义申明文件,大多数申明文件是已经由他人定义好了的,我们只用使用命令:npm install @types/{模块名}
,来安装即可以使用。
可以关注一下,项目中node_modules下的@types文件夹:

学着看这些声明文件,看看它们对于一些内容的声明是如何定义的,能够帮你见识到各种语法的运用。
学会提问+搜索
我们学习最终是要提升学习能力与解决问题的能力。
- Google > Bing > ..... > 百度
- 找源头 -> 通过错误 -> issues -> 如果open,那就可能是Bug,只能换思路;
- 适时求助:提问 -> 见如下(需要翻墙):
↑