收藏 GitHub 上的 7 个热门 TypeScript 项目

这里收藏 Github 上 7 个热门 TypeScript 项目，可以让你的开发变得轻松。编码能力的提升最佳途径就是阅读开源项目源码。

如果你对 TypeScript 的不太了解，可以花点时间了解一下。

什么是 TypeScript

TypeScript 是 javaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。

官网定义：

TypeScript 是 javaScript 的类型的超集，它可以编译成纯 javaScript。编译出来的 javaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。

安装

TypeScript 的命令行工具安装方法如下：

npm install -g typescript

以上命令在全局环境下安装 tsc 命令，安装完成之后，就可以在任何地方执行 tsc 命令了。

编译一个 TypeScript 文件很简单：

tsc hello.ts

约定使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以 .tsx 为后缀。

1. Storybook

Storybook是一个 UI 组件的开发环境。它允许开发人员浏览广泛的组件目录，可以在其中测试和分析它的不同状态。它是为 Vue、React、Angular 和许多其他框架构建的。这对于测试组件及其边界情况特别有用。可以轻松地测试组件，而不需要理解任何业务逻辑。

• Stars: 60.1k

• Repository: https://github.com/storybookjs/storybook
  

2. Grafana

Grafana是 Grafana Labs 创建的用于监视和观察的开源平台。 无论将指标存储在何处，Grafana都能很好的解析、查询和可视化数据。 可以创建各种适合需求的仪表板，并在团队中共享它们。 动态仪表板使能够创建可重复使用的仪表板，并且按指标查看日志非常简单。

• Stars: 40.9k

• Repository：https://github.com/grafana/grafana
  

3. TypeScript Deep Dive

由 Basarat Ali Syed 创建，TypeScript Deep Dive是一个学习、提升 TypeScript 能力的好资源。它是免费和开源的，支持 12 种语言。它充满了丰富的例子和提示来支持它的内容。一个有价值的明星项目！

• Stars: 13.2k

• Repository：https://github.com/basarat/typescript-book
  

4. n8n — WorkFlow Automation Tool

n8n是一个免费的工作流自动化工具，它可以帮助你通过 api 将所有的应用程序连接在一起，而不需要代码来共享和操作数据。n8n有 170 多个不同的节点来自动化你的工作流，是高度可定制的。它可以托管在你自己的服务器上，以保护你的数据安全。出色的用户界面和交互，让你可以轻松构建工作流。

• Stars: 13.2k

• Repository：https://github.com/n8n-io/n8n
  

5. Turbolinks

Turbolinks支持更快的 web 应用程序导航。这个库的目标是获得单页应用程序的性能优势。当点击一个链接到另一个页面，turbollinks将处理获取页面，交换它的和合并它的，而不必完全刷新页面，导致增加更多的加载时间。它可以在所有现代桌面和移动浏览器上工作，还支持移动应用程序。

• Stars: 12.6k

• Repository：https://github.com/turbolinks/turbolinks
  

6. GraphQL Voyager

GraphQL Voyager是一个交互式图形来展示 GraphQL API 的开发工具。由 API Guru 创建，可以可视化地探索GraphQL的 API 数据模型并与之交互。在构建数据模型时可以使用的好工具。

• Stars: 5.9k

• Repository：https://github.com/APIs-guru/graphql-voyager
  

7. Super Productivity

Johannes Millan 的《超级生产力》是一个很棒的工具，可以把你的日常任务都组织在一个地方。简而言之，超级生产力就是待办事项清单、时间跟踪器和任务管理器。你可以整合 Jira、GitHub 和 GitLab 的任务。实际上，这将帮助你节省管理多个工具的时间，并使你能够在一个仪表板上看到什么时候需要做什么。

• Stars: 3.5k

• Repository：https://github.com/johannesjo/super-productivity