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