学习 TS 不要错过的八个工具

学习 TS 不要错过的八个工具

本文转载自微信公众号「全栈修仙之路」,作者阿宝哥  。转载本文请联系全栈修仙之路公众号。

本文阿宝哥将为大家推荐 8 个 TS 工具,使用它们能够让你更好地学习和使用 TS,对 TS 感兴趣的小伙伴不要错过。

一、TypeScript Playground

简介:TypeScript 官方提供的在线 TypeScript 运行环境,利用它你可以方便地学习 TypeScript 相关知识与不同版本的功能特性。

在线地址:https://www.typescriptlang.org/play/

学习 TS 不要错过的八个工具

除了 TypeScript 官方的 Playground 之外,你还可以选择其他的 Playground,比如 codepen.io、stackblitz 或 jsbin.com 等。

二、TypeScript UML Playground

简介:一款在线 TypeScript UML 工具,利用它你可以为指定的 TypeScript 代码生成 UML 类图。

在线地址:https://tsuml-demo.firebaseapp.com/

学习 TS 不要错过的八个工具

三、JSON TO TS

简介:一款 TypeScript 在线工具,利用它你可以为指定的 JSON 数据生成对应的 TypeScript 接口定义。

在线地址:http://www.jsontots.com/

学习 TS 不要错过的八个工具

除了使用 jsontots 在线工具之外,对于使用 VSCode IDE 的小伙们还可以安装 JSON to TS 扩展来快速完成 JSON to TS 的转换工作。

四、Schemats

简介:利用 Schemats,你可以基于(Postgres,MySQL)SQL 数据库中的 schema 自动生成 TypeScript 接口定义。

在线地址:https://github.com/SweetIQ/schemats

学习 TS 不要错过的八个工具

五、TypeScript AST Viewer

简介:一款 TypeScript AST 在线工具,利用它你可以查看指定 TypeScript 代码对应的 AST(Abstract Syntax Tree)抽象语法树。

在线地址:https://ts-ast-viewer.com/

学习 TS 不要错过的八个工具

对于了解过 AST 的小伙伴来说,对 astexplorer 这款在线工具应该不会陌生。该工具除了支持 JavaScript 之外,还支持 CSS、JSON、RegExp、GraphQL 和 Markdown 等格式的解析。

六、TypeDoc

简介:TypeDoc 用于将 TypeScript 源代码中的注释转换为 HTML 文档或 JSON 模型。它可灵活扩展,并支持多种配置。

在线地址:https://typedoc.org/

学习 TS 不要错过的八个工具

七、TypeScript ESLint

简介:使用 TypeScript ESLint 可以帮助我们规范代码质量,提高团队开发效率。

在线地址:https://typescript-eslint.io/

学习 TS 不要错过的八个工具

对 TypeScript ESLint 项目感兴趣且想在项目中应用的小伙伴,可以参考 “在Typescript项目中,如何优雅的使用ESLint和Prettier” 这篇文章。

八、Deno

简介:Deno 是一个 JavaScript/TypeScript 的运行时,默认使用安全环境执行代码,有着卓越的开发体验。

相关推荐