<p>TypeScript出来有段时间了，也冒出了很多用TypeScript开发的优秀开源项目，搜寻了一些基于TypeScript项目，分享给大家：</p>    <p><a href="/misc/goto?guid=4959740382276512855" rel="nofollow,noindex">https://github.com/brookshi/awesome-typescript-projects</a> 喜欢的朋友。</p>    <h2>TypeScript</h2>    <p>可能有人奇怪这里说的是基于TypeScript的开源项目，为什么TypeScript本身也在这里。</p>    <p>其实TypeScript语言本身就是用TypeScript编写的，即self-hosting，使用上一稳定版本的编译器来编译本次版本。</p>    <p>TypeScript就不做太多介绍了，不熟悉的同学可以参考我之前写的C#到TypeScript系列。</p>    <h2>IDE - VSCode</h2>    <p>基于TypeScript + Nodejs + Electron开发的IDE. Github上star: 2万+</p>    <p>VSCode大家应该都知道，同样是微软开发，没使用过的建议试用下，相对于Visual Studio的笨重，VSCode非常轻，占用内存少，打开项目速度快，而且跨平台，非常适合用来做前端或Nodejs开发。</p>    <p>支持的特性也很多，通过扩展能支持非常多的语言，比如C#, GO, C++等，最近发布的包还原生支持Markdown语法，我的文章都是用VSCode写的。</p>    <p>打开大文件真的是秒开，之前用Notepad++打开大文件还有点迟顿，格式化成Json更是直接卡死，VSCode则完全没问题。</p>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/2018e189630b1fcc15bf7a1e8c42b0ec.png"></p>    <p>其他基于TypeScript的IDE还有： 在线IDE monaco-edit，游戏开发IDE superpowers等，有兴趣的同学可以去 awesome typescript projects 了解下。</p>    <h2>Framework - Angular2</h2>    <p>基于TypeScript + RxJS + ZoneJS的Framework. Github上star: 2万+</p>    <p>大名鼎鼎的前端三剑客之一，背后的老爹Google确保了Angular的质量，Angular从Angular2开始采用TypeScript来开发，强类型对框架的稳定性提供不少支持。</p>    <p>微软Azure的页面就是用Angular写的，下面这个也是Angular2的一个dashboard应用。</p>    <p><img src="https://simg.open-open.com/show/36d7f48f958a44d03e0c1fbeef94e8f7.jpg"></p>    <p>在Angular2上衍生了不少优秀的框架或库，如 angular-seed，material2, ui-router等。</p>    <p>其他框架还有很多诸如 ionic，NativeScript，AtomicGameEngine的优秀框架都是用TypeScript开发的，国内的白鹭引擎(egret)同样基于TypeScript。</p>    <h2>UI - ant-design</h2>    <p>基于TypeScript + React的UI界面库. Github上star: 1万+</p>    <p>ant-design是由国内阿里旗下的蚂蚁金服的团队用TypeScript开发的一款企业级React UI库，已经应用到金服和其他阿里旗下产品当中。</p>    <p>ant-design的UI看起来非常美观，而且不显累赘，文档也非常完整，重点是文档是中文版的，相信非常适合国内开发使用。</p>    <p><img src="https://simg.open-open.com/show/8893bdf501ab20fb1d1b41fa5654ae54.png"></p>    <p>ant-design也推出了mobile版ant-design-mobile，这样不管是web端还是移动端都可以有同一套UI设定。</p>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/191de266a3352b31d45dfa94f8747494.png"></p>    <p>同样基于TypeScript的UI库还有不少，如Angular的material2，和ant-design有一拼的blueprint都是其中佼佼者。</p>    <h2>library - ui-router</h2>    <p>基于TypeScript + Angular的UI router库. Github上star: 1万+</p>    <p>ui-router的目的是提供一个管理UI跳转的库，基于状态机维护了一个层级的状态树，这个库对于单页应用来说非常有用。</p>    <p>现在应用页面非常多，如果没有一个管理中心的话，不停的跳转后状态很容易乱掉，这个库就是用来解决这个问题。</p>    <p>下图最底下的那条就是页面的路由，在微软的Azure上也有用到。</p>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/94602b93b121173c11f3c18ea0238a92.png"></p>    <h2>library - RxJS</h2>    <p>这个库现在出到5代，之前是用JavaScript开发，5代开始采用TypeScript开发。 Github上star: 5千+</p>    <p>当然第四代是很出名的，Github已经有超过1万的star。</p>    <p>这个库算是响应式编程库家庭中的一员，其他还有RxJava，Rx.NET，RxGO等。</p>    <p>RxJS是基于流的概念，提供了一系列神奇的函数工具集，使用它们可以合并、创建、过滤这些流。</p>    <p>一个流或者多个流可以作为另一个流的输入。比如你可以合并多个流，或者从很多流中选出你需要的，还可以将值从一个流映射到另一个流。</p>    <p>这种方式对于事件的处理会非常方便，具体可以去github上查看相关文档。</p>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/e4e6e5655028aae268d2e5dbd842f18e.png"></p>    <h2>tool - tslint</h2>    <p>做JavaScript开发的有ESLint来规范代码，而TypeScript则可以用TSLint。 Github上star: 1千+</p>    <p>开发一个项目往往有好几个甚至十几人，不同的人不同的代码风格，这时就需要一款工具来规范一下代码，来提高代码质量和可维护性。</p>    <p>基本上上面写的项目都有用到这款工具，可见其流行程度。</p>    <h2>总结</h2>    <p>上面从IDE, Framework, UI, 库，工具等方面分别介绍了一些TypeScript的流行开源项目，其它还有很多有潜力的项目如Nodejs的ORM框架：TypeORM等，大家可以去 <a href="/misc/goto?guid=4959740382276512855" rel="nofollow,noindex">awesome typescript projects</a> 翻翻。</p>    <p>这些都说明TypeScript已经非常成熟，稳定了，而且上面项目有一些是从JavaScript转过来的重新打造的项目，由此可以说明TypeScript确实可以给项目带来实实在在的好处。</p>    <p>TypeScript的发展还在继续，做为微软走向开源的一个标志性项目，有理由相信TypeScript将来会有很好的发展。</p>    <p> </p>    <p>来自：http://www.cnblogs.com/brookshi/p/6505599.html</p>    <p> </p>