推荐 7 个学习 TypeScript 的宝库，2021 学 TS 看这篇就够了！

你们好，新年快乐，我是大家的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

前言

猫哥是一个常年混迹在 GitHub 上的猫星人，因此发现了很多好的前端开源项目、经常使用技巧，在此分享给你们。

公众号： 前端GitHub，专一于挖掘 GitHub 上优秀的前端开源项目，并以专题的形式推荐，每专题大概 10 个好项目，每周会有一到三篇精华文章推送，与时俱进版前端资源教程。

已经推荐了 面试项目、CSS 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。

平时如何发现好的开源项目，能够看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

今天给你们推荐的是学习 TypeScript 的优质项目。

如下为【前端GitHub】的第 15 期精华内容。

TypeScript

TypeScript 是适用于任何规模应用的 JavaScript。

TypeScript 扩展了 JavaScript ，为它添加了类型支持。

TypeScript 能够在您运行代码以前找到错误并提供修复，从而改善您的开发体验。

任何浏览器，任何操做系统，任何运行 JavaScript 的地方，彻底开源。

网站	说明
TypeScript	TypeScript 官网，TS 扩展了 JavaScript ，为它添加了类型支持
typescript-tutorial	TypeScript 入门教程，按部就班的理解 TypeScript
TypeScript	TypeScript 使用手册
typescript-book-chinese	深刻理解 TypeScript
clean-code-typescript	适用于TypeScript的简洁代码概念
TypeScript入门	TypeScript 入门的视频教程
typescript-tutorial	TypeScript 速成教程（2小时速成）

1. TypeScript

学习一门技术，最好的方式确定是看官网的教程啦！

官网上有什么是 TypeScript，为何要用 TypeScript ，和 api 相关的文档，并且仍是一手的学习资料，无疑是最好的学习资料了。

并且还能够经过社区了解最新的进展。

https://github.com/microsoft/...

2. typescript-tutorial

从 JavaScript 程序员的角度总结思考，按部就班的理解 TypeScript。

与官方手册不一样，本书着重于从 JavaScript 程序员的角度总结思考，按部就班的理解 TypeScript，但愿能给你们一些帮助和启示。

适合人群

本书适合如下人群

• 熟悉 JavaScript，至少阅读过一遍《JavaScript 高级程序设计》
• 了解 ES6，推荐阅读 ECMAScript 6 入门
• 了解 Node.js，会用 npm 安装及使用一些工具
• 想了解 TypeScript 或者想对 TypeScript 有更深的理解

本书不适合如下人群

• 没有系统学习过 JavaScript

• 已经可以很熟练的运用 TypeScript

  https://github.com/xcatliu/ty...

3. TypeScript

TypeScript 中文使用手册。

这个好像是 TypeScript 官网的中文翻译原文，猫哥不是很肯定，不过是个学习 TS 的好仓库。

• ✔️ TypeScript 语言用于大规模应用的 JavaScript 开发。
• ✔️ TypeScript 支持类型，是 JavaScript 的超集且能够编译成纯 JavaScript 代码。
• ✔️ TypeScript 兼容全部浏览器，全部宿主环境，全部操做系统。

• ✔️ TypeScript 是开源的。

  https://github.com/zhongsp/Ty...

4. typescript-book-chinese

TypeScript Deep Dive 中文版，深刻理解 TypeScript。

《TypeScript Deep Dive》 是一本很好的开源书，从基础到深刻，很全面的阐述了 TypeScript 的各类魔法，无论你是新手，仍是老鸟，它都将适应你。

此外，它不一样于 TypeScript 官方给出的文档（固然 TypeScript 给出的文档是很好的），在此书中，结合实际应用下的场景用例，你将能更深刻的理解 TypeScript。

https://github.com/jkchao/typ...

5. clean-code-typescript

将 Clean Code 的概念适用到 TypeScript，灵感来自 clean-code-javascript。

将源自 Robert C. Martin 的 Clean Code 的软件工程原则适配到 TypeScript 。 这不是一个代码风格指南， 它是一个使用 TypeScript 来生产 可读的， 可重用的， 以及可重构的软件的指南。

这里的每一项原则都不是必须遵照的， 甚至只有更少的可以被普遍承认。 这些仅仅是指南而已， 可是倒是 Clean Code 做者多年经验的结晶。

咱们的软件工程行业只有短短的 50 年， 依然有不少要咱们去学习。 当软件架构与建筑架构同样古老时， 也许咱们将会有硬性的规则去遵照。 而如今， 让这些指南作为你和你的团队生产的 TypeScript 代码的 质量的标准。

好比：使用有意义的变量名

作有意义的区分，让读者更容易理解变量的含义。

👎 反例:

function between<T>(a1: T, a2: T, a3: T) {

  return a2 <= a1 && a1 <= a3;

}

👍 正例:

function between<T>(value: T, left: T, right: T) {

  return left <= value && value <= right;

}

提醒一下，该仓库末尾有中文翻译版。

https://github.com/labs42io/c...

6. TypeScript入门

这个是个视频课程，介绍了 TypeScript 的基本概念、经常使用语法和高级特性。

http://www.imooc.com/learn/763

7. typescript-tutorial

这个仓库的教程以快速工程实践为目标，旨在让读者速成，可以迅速的 GET 到语言的核心知识点，并付诸实践！

语言始终是一种改进生产力的工具，陌生使用者最迫切的需求应该是快速掌握工具的使用，而不是在连工具都没学会使用的时候，就先沉迷于细枝末叶，奇技淫巧。

真正的熟练：应该是在实践中大量使用、在实践中踩坑、以及在实践中理解的过程当中天然造成的。

这个教程真的很是简结，只讲常用的知识点，能够说是 2 小时速成 😂。

https://github.com/joye61/typ...

最后

关于猫哥，你们能够看看 个人 2020 年终总结，看看猫哥的脸都被打歪的 😂。

不知不觉，已经写到第 15 期了呢，已经分享超过 100 个好的前端项目了呢，往期精文请看下方宝藏仓库，点击很危险，请慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

平时如何发现好的开源项目，能够看看这篇文章：如何在 GitHub 上发现优秀开源项目 和 如何使用 GitHub 进行精准搜索的神仙技巧。

以为有用 ？喜欢就收藏，顺便点个赞吧，你的支持是超级猫最大的鼓励！

能够加超级猫的 WX：CB834301747 ，一块儿闲聊前端。

微信搜 “前端GitHub”，回复 “电子书” 便可以得到 160 本前端精华书籍哦。

往期精文

• 推荐 12 个学习前端必备的神仙级工具类项目与网站
• 10 个 GitHub 上超火的前端面试项目，打造本身的加薪宝库！
• 12 个 GitHub 上超火的 JavaScript 奇技淫巧项目
• 10 个 GitHub 上超火的 CSS 技巧项目，找到写 CSS 的灵感！
• 11 个超火的前端必备在线工具，终于有时间上班摸鱼了