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