學習 TS 不要錯過的八個工具
本文轉載自微信公眾號「全棧修仙之路」,作者阿寶哥 。轉載本文請聯系全棧修仙之路公眾號。
本文阿寶哥將為大家推薦 8 個 TS 工具,使用它們能夠讓你更好地學習和使用 TS,對 TS 感興趣的小伙伴不要錯過。
一、TypeScript Playground
簡介:TypeScript 官方提供的在線 TypeScript 運行環境,利用它你可以方便地學習 TypeScript 相關知識與不同版本的功能特性。
在線地址:https://www.typescriptlang.org/play/
除了 TypeScript 官方的 Playground 之外,你還可以選擇其他的 Playground,比如 codepen.io、stackblitz 或 jsbin.com 等。
二、TypeScript UML Playground
簡介:一款在線 TypeScript UML 工具,利用它你可以為指定的 TypeScript 代碼生成 UML 類圖。
在線地址:https://tsuml-demo.firebaseapp.com/
三、JSON TO TS
簡介:一款 TypeScript 在線工具,利用它你可以為指定的 JSON 數據生成對應的 TypeScript 接口定義。
在線地址:http://www.jsontots.com/
除了使用 jsontots 在線工具之外,對于使用 VSCode IDE 的小伙們還可以安裝 JSON to TS 擴展來快速完成 JSON to TS 的轉換工作。
四、Schemats
簡介:利用 Schemats,你可以基于(Postgres,MySQL)SQL 數據庫中的 schema 自動生成 TypeScript 接口定義。
在線地址:https://github.com/SweetIQ/schemats
五、TypeScript AST Viewer
簡介:一款 TypeScript AST 在線工具,利用它你可以查看指定 TypeScript 代碼對應的 AST(Abstract Syntax Tree)抽象語法樹。
在線地址:https://ts-ast-viewer.com/
對于了解過 AST 的小伙伴來說,對 astexplorer 這款在線工具應該不會陌生。該工具除了支持 JavaScript 之外,還支持 CSS、JSON、RegExp、GraphQL 和 Markdown 等格式的解析。
六、TypeDoc
簡介:TypeDoc 用于將 TypeScript 源代碼中的注釋轉換為 HTML 文檔或 JSON 模型。它可靈活擴展,并支持多種配置。
在線地址:https://typedoc.org/
七、TypeScript ESLint
簡介:使用 TypeScript ESLint 可以幫助我們規范代碼質量,提高團隊開發效率。
在線地址:https://typescript-eslint.io/
對 TypeScript ESLint 項目感興趣且想在項目中應用的小伙伴,可以參考 “在Typescript項目中,如何優雅的使用ESLint和Prettier” 這篇文章。
八、Deno
簡介:Deno 是一個 JavaScript/TypeScript 的運行時,默認使用安全環境執行代碼,有著卓越的開發體驗。
在線地址:https://deno.land/