簡介

ts-creator 是一個由 TypeScript 代碼生成 TypeScript 代碼生成器的代碼生成器，主要為TypeScript 插件作者，構建公司開發流程中需要用到代碼生成的開發者等提供服務。

起因

筆者在前段時間寫了一些 TypeScript 代碼生成器，在實現的過程中，遇到了一些癢點，因此寫了 ts-creator 這個工具，在此和大家分享。

傳統流程

眾所周知，TypeScript 提供了一系列的工廠方法，用來生成 TypeScript 代碼，對于開發者來說，寫一個 TypeScript 代碼生成器一般會經過以下流程：

寫出要生成的模板代碼

查看 TypeScript 對模板生成的 AST 結構，例如 AST Explorer

使用 TypeScript 工廠方法，寫出生成對應模板代碼的生成器

根據自己業務需求，調整寫出的生成器

在這個流程中，可能會遇到一些問題：

• 對 TypeScript 不夠熟悉，找不到對應的 API
• TypeScript 本身足夠復雜， 工廠方法參數眾多
• 工作量大，需要手寫很多代碼

這些問題雖然不算繞不過去的痛點，但是確確實實的影響著開發效率。如果能更方便，更快捷的解決，是很值得嘗試的。

基于 ts-creator 的流程

使用 ts-creator 來加入開發流程，可以簡化以上流程為：

寫出要生成的代碼模板

使用 ts-creator 生成生成器

根據自己業務需求，調整生成出的生成器

表面上看，流程由四步減少了一步，變為三步，但實際開發中，因為可以降低對 TypeScript 了解程度的要求，所以可以有效的減少編寫生成器的工作量和心智負擔。

例子

ts-creator 提供了 lib, web, cli 形式的服務，接口簡潔，本文中以 web 形式的 playground 為例。

輸入

輸出

運行結果

未來

目前 ts-creator 已經支持大部分 TypeScript 語法，少量不支持的語法也在積極推進上游改進，未來可能會做的事情有：

• 支持模板替換
• 支持 JSDoc

其他

• 特別感謝 (字母序)：AngryPowman, HairyRabbit, KagamiChan
• 項目地址：https://github.com/HearTao/ts-creator
• Playground: https://ts-creator.js.org/

總結

以上是生活随笔為你收集整理的语法制导的三地址代码生成程序_ts-creator, 一个生成代码生成器的代码生成器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。