# 学习方法

# 学习资源推荐

最好的学习资源永远是官方网站:https://www.typescriptlang.org/

中文网站:

https://www.tslang.cn/

https://typescript.bootcss.com/

大多数中文网站 的内容比较老,可以通过typescript playground来测试。想了解TypeScript的最新动态,还是要看英文官方文档。

# 如何查看ts错误

一般可以借助工具,比如:eslint,你没有看错是eslint,而不是tslint,看下图:

image-20210720115121377

ts-lint很久没有更新了,而eslint早已覆盖了typescript的规则,如:

再来看看eslint对于typescript错误的提示:

image-20210720115448737

足够使用!

除此之外,还可以借助lint-stage,husky配置commit提交的时候进行eslint自动修复 + 检查,方便的不要不要的。

对于上述的错误,一般通过翻译错误的提示,就能知道如何进行修改我们的代码了。

# 学会看申明文件

TypeScript 支持为 JS 库添加声明文件,以此来提供声明信息。说人话:TS给JS加了很多标识,以便后续进行检查JS类型错误。

后续我们会介绍如何安装与定义申明文件,大多数申明文件是已经由他人定义好了的,我们只用使用命令:npm install @types/{模块名},来安装即可以使用。

可以关注一下,项目中node_modules下的@types文件夹:

学着看这些声明文件,看看它们对于一些内容的声明是如何定义的,能够帮你见识到各种语法的运用。

# 学会提问+搜索

我们学习最终是要提升学习能力与解决问题的能力。

  • Google > Bing > ..... > 百度

  • 找源头 -> 通过错误 -> issues -> 如果open,那就可能是Bug,只能换思路;

  • 适时求助:提问 (opens new window) -> 见如下(需要翻墙):

    image-20210720120525372