大家好，新年快樂，我是你們的 貓哥，一個不喜歡吃魚、又不喜歡喵 的超級貓 ~

前言

貓哥是一個常年混跡在 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/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

平時如何發現好的開源項目，可以看看這篇文章：如何在 GitHub 上發現優秀開源項目 和 如何使用 GitHub 進行精準搜索的神仙技巧。

覺得有用 ？喜歡就收藏，順便點個贊吧，你的支持是超級貓最大的鼓勵！

可以加超級貓的 WX：CB834301747 ，一起閑聊前端。

微信搜 “前端GitHub”，回復 “電子書” 即可以獲得 160 本前端精華書籍哦。

往期精文

• 推薦 12 個學習前端必備的神仙級工具類項目與網站

• 10 個 GitHub 上超火的前端面試項目，打造自己的加薪寶庫！

• 12 個 GitHub 上超火的 JavaScript 奇技淫巧項目

• 10 個 GitHub 上超火的 CSS 技巧項目，找到寫 CSS 的靈感！

• 11 個超火的前端必備在線工具，終于有時間上班摸魚了

總結

以上是生活随笔為你收集整理的推荐 7 个学习 TypeScript 的宝库，2021 是时候给自己加薪了！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。