推薦 7 個學習 TypeScript 的寶庫，2021 是時候給自己加薪了！
本文轉載自微信公眾號「前端GitHub」，作者全棧修煉。轉載本文請聯系前端GitHub公眾號。
前言
貓哥是一個常年混跡在 GitHub 上的貓星人，所以發現了不少好的前端開源項目、常用技巧，在此分享給大家。
平時如何發現好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目
今天給大家推薦的是學習 TypeScript 的優質項目。
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/TypeScript
2. typescript-tutorial
從 JavaScript 程序員的角度總結思考，循序漸進的理解 TypeScript。
與官方手冊不同，本書著重于從 JavaScript 程序員的角度總結思考，循序漸進的理解 TypeScript，希望能給大家一些幫助和啟示。
適合人群
本書適合以下人群
- 熟悉 JavaScript，至少閱讀過一遍《JavaScript 高級程序設計》
- 了解 ES6，推薦閱讀 ECMAScript 6 入門
- 了解 Node.js，會用 npm 安裝及使用一些工具
- 想了解 TypeScript 或者想對 TypeScript 有更深的理解
本書不適合以下人群
- 沒有系統學習過 JavaScript
- 已經能夠很熟練的運用 TypeScript
https://github.com/xcatliu/typescript-tutorial
3. TypeScript
TypeScript 中文使用手冊。
這個好像是 TypeScript 官網的中文翻譯原文，貓哥不是很確定，不過是個學習 TS 的好倉庫。
- ✔️ TypeScript 語言用于大規模應用的 JavaScript 開發。
- ✔️ TypeScript 支持類型，是 JavaScript 的超集且可以編譯成純 JavaScript 代碼。
- ✔️ TypeScript 兼容所有瀏覽器，所有宿主環境，所有操作系統。
- ✔️ TypeScript 是開源的。
https://github.com/zhongsp/TypeScript
4. typescript-book-chinese
TypeScript Deep Dive 中文版，深入理解 TypeScript。
《TypeScript Deep Dive》 是一本很好的開源書，從基礎到深入，很全面的闡述了 TypeScript 的各種魔法，不管你是新手，還是老鳥，它都將適應你。
此外，它不同于 TypeScript 官方給出的文檔(當然 TypeScript 給出的文檔是很好的)，在此書中，結合實際應用下的場景用例，你將能更深入的理解 TypeScript。
https://github.com/jkchao/typescript-book-chinese
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/clean-code-typescript
6. TypeScript入門
這個是個視頻課程，介紹了 TypeScript 的基本概念、常用語法和高級特性。
http://www.imooc.com/learn/763
7. typescript-tutorial
這個倉庫的教程以快速工程實踐為目標，旨在讓讀者速成，能夠迅速的 GET 到語言的核心知識點，并付諸實踐!
語言始終是一種改進生產力的工具，陌生使用者最迫切的需求應該是快速掌握工具的使用，而不是在連工具都沒學會使用的時候，就先沉迷于細枝末葉，奇技淫巧。
真正的熟練：應該是在實踐中大量使用、在實踐中踩坑、以及在實踐中理解的過程中自然形成的。
這個教程真的非常簡結，只講經常使用的知識點，可以說是 2 小時速成 😂。
https://github.com/joye61/typescript-tutorial
最后
關于貓哥，大家可以看看 我的 2020 年終總結，看看貓哥的臉都被打歪的 😂。
不知不覺，已經寫到第 15 期了呢，已經分享超過 100 個好的前端項目了呢，往期精文請看下方寶藏倉庫，點擊很危險，請慎入!
原文鏈接：https://github.com/FrontEndGitHub/FrontEndGitHub
