推薦 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 個超火的前端必備在線工具，終於有時間上班摸魚了