 |
VOOZH | about |
|
VOOZH | about |
TypeScript出來有段時間了，也冒出了很多用TypeScript開發的優秀開源項目，搜尋了一些基於TypeScript項目，分享給大家：
TypeScript可能有人奇怪這裡說的是基於TypeScript的開源項目，為什麼TypeScript本身也在這裡。
其實TypeScript語言本身就是用TypeScript編寫的，即self-hosting，使用上一穩定版本的編譯器來編譯本次版本。
TypeScript就不做太多介紹了，不熟悉的同學可以參考我之前寫的 C#到TypeScript系列。
IDE - VSCode基於TypeScript + Nodejs + Electron開發的IDE. Github上star: 2萬+
VSCode大家應該都知道，同樣是微軟開發，沒使用過的建議試用下，相對於Visual Studio的笨重，VSCode非常輕，占用內存少，打開項目速度快，而且跨平台，非常適合用來做前端或Nodejs開發。
支持的特性也很多，通過擴展能支持非常多的語言，比如C#, GO, C++等，最近發布的包還原生支持Markdown語法，我的文章都是用VSCode寫的。
打開大文件真的是秒開，之前用Notepad++打開大文件還有點遲頓，格式化成Json更是直接卡死，VSCode則完全沒問題。
其他基於TypeScript的IDE還有： 在線IDE monaco-edit，遊戲開發IDE superpowers等，有興趣的同學可以去awesome typescript projects了解下。
Framework - Angular2基於TypeScript + RxJS + ZoneJS的Framework. Github上star: 2萬+
大名鼎鼎的前端三劍客之一，背後的老爹Google確保了Angular的質量，Angular從Angular2開始採用TypeScript來開發，強類型對框架的穩定性提供不少支持。 微軟Azure的頁面就是用Angular寫的，下面這個也是Angular2的一個dashboard應用。
在Angular2上衍生了不少優秀的框架或庫，如 angular-seed，material2, ui-router等。
其他框架還有很多諸如 ionic，NativeScript，AtomicGameEngine的優秀框架都是用TypeScript開發的，國內的白鷺引擎(egret)同樣基於TypeScript。
UI - ant-design基於TypeScript + React的UI界面庫. Github上star: 1萬+
ant-design是由國內阿里旗下的螞蟻金服的團隊用TypeScript開發的一款企業級React UI庫，已經應用到金服和其他阿里旗下產品當中。 ant-design的UI看起來非常美觀，而且不顯累贅，文檔也非常完整，重點是文檔是中文版的，相信非常適合國內開發使用。
ant-design也推出了mobile版ant-design-mobile，這樣不管是web端還是移動端都可以有同一套UI設定。
同樣基於TypeScript的UI庫還有不少，如Angular的material2，和ant-design有一拼的blueprint都是其中佼佼者。
library - ui-router基於TypeScript + Angular的UI router庫. Github上star: 1萬+
ui-router的目的是提供一個管理UI跳轉的庫，基於狀態機維護了一個層級的狀態樹，這個庫對於單頁應用來說非常有用。 現在應用頁面非常多，如果沒有一個管理中心的話，不停的跳轉後狀態很容易亂掉，這個庫就是用來解決這個問題。
下圖最底下的那條就是頁面的路由，在微軟的Azure上也有用到。
這個庫現在出到5代，之前是用JavaScript開發，5代開始採用TypeScript開發。 Github上star: 5千+
當然第四代是很出名的，Github已經有超過1萬的star。 這個庫算是響應式編程庫家庭中的一員，其他還有RxJava，Rx.NET，RxGO等。
RxJS是基於流的概念，提供了一系列神奇的函數工具集，使用它們可以合併、創建、過濾這些流。
一個流或者多個流可以作為另一個流的輸入。比如你可以合併多個流，或者從很多流中選出你需要的，還可以將值從一個流映射到另一個流。
這種方式對於事件的處理會非常方便，具體可以去github上查看相關文檔。
做JavaScript開發的有ESLint來規範代碼，而TypeScript則可以用TSLint。 Github上star: 1千+
開發一個項目往往有好幾個甚至十幾人，不同的人不同的代碼風格，這時就需要一款工具來規範一下代碼，來提高代碼質量和可維護性。 基本上上面寫的項目都有用到這款工具，可見其流行程度。
總結上面從IDE, Framework, UI, 庫，工具等方面分別介紹了一些TypeScript的流行開源項目，其它還有很多有潛力的項目如Nodejs的ORM框架：TypeORM等，大家可以去awesome typescript projects翻翻。
這些都說明TypeScript已經非常成熟，穩定了，而且上面項目有一些是從JavaScript轉過來的重新打造的項目，由此可以說明TypeScript確實可以給項目帶來實實在在的好處。
TypeScript的發展還在繼續，做為微軟走向開源的一個標誌性項目，有理由相信TypeScript將來會有很好的發展。
