TypeScript 優秀開源項目大合集

taishanfun 7年前發布 | 28K 次閱讀 開源 TypeScript

TypeScript出來有段時間了,也冒出了很多用TypeScript開發的優秀開源項目,搜尋了一些基于TypeScript項目,分享給大家:

https://github.com/brookshi/awesome-typescript-projects 喜歡的朋友。

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上也有用到。

library - RxJS

這個庫現在出到5代,之前是用JavaScript開發,5代開始采用TypeScript開發。 Github上star: 5千+

當然第四代是很出名的,Github已經有超過1萬的star。

這個庫算是響應式編程庫家庭中的一員,其他還有RxJava,Rx.NET,RxGO等。

RxJS是基于流的概念,提供了一系列神奇的函數工具集,使用它們可以合并、創建、過濾這些流。

一個流或者多個流可以作為另一個流的輸入。比如你可以合并多個流,或者從很多流中選出你需要的,還可以將值從一個流映射到另一個流。

這種方式對于事件的處理會非常方便,具體可以去github上查看相關文檔。

tool - tslint

做JavaScript開發的有ESLint來規范代碼,而TypeScript則可以用TSLint。 Github上star: 1千+

開發一個項目往往有好幾個甚至十幾人,不同的人不同的代碼風格,這時就需要一款工具來規范一下代碼,來提高代碼質量和可維護性。

基本上上面寫的項目都有用到這款工具,可見其流行程度。

總結

上面從IDE, Framework, UI, 庫,工具等方面分別介紹了一些TypeScript的流行開源項目,其它還有很多有潛力的項目如Nodejs的ORM框架:TypeORM等,大家可以去 awesome typescript projects 翻翻。

這些都說明TypeScript已經非常成熟,穩定了,而且上面項目有一些是從JavaScript轉過來的重新打造的項目,由此可以說明TypeScript確實可以給項目帶來實實在在的好處。

TypeScript的發展還在繼續,做為微軟走向開源的一個標志性項目,有理由相信TypeScript將來會有很好的發展。

 

來自:http://www.cnblogs.com/brookshi/p/6505599.html

 

 本文由用戶 taishanfun 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!