共计 1251 个字符，预计需要花费 4 分钟才能阅读完成。
本文很短，却诚意满满
用不了 2 分钟你就能看完
而后大概率你就会惊叹
原来开发属于本人的代码生成器，是这么滴简略
舒适提醒：本文是《新生代小鲜肉之代码生成器》的连续篇，如果你还不晓得 ncgen 这个小鲜肉，那最好先去 Look 一 Look《新生代小鲜肉之代码生成器》
丹尼尔：蛋兄，上次别后，依照你教我的那一套办法，我几分钟就配置了一个齐全满足我需要的代码生成器，真是弱小又不失简略啊
蛋学生：说干就干，你的入手能力让我拜服
丹尼尔：见笑见笑。不过我明天又带着问题而来
蛋学生：恭候多时
丹尼尔：我把 ncgen-config.js 挂在了云端，而后我的小伙伴们埋怨应用的时候命令太长记不住：
$ ncgen https://raw.githubusercontent.com/daniel-dx/vue3-ncgen-demo/master/ncgen-config.js你看，是不是有点长？蛋兄有什么好倡议吗？
蛋学生：当然，ncgen 早已为此筹备了一个十分迷人的计划
丹尼尔：什么迷人的计划？有多迷人？快通知我快通知我
蛋学生：那就是 – 通过 ncgen 疾速开发 属于你本人的代码生成器
丹尼尔：Wo~，属于我本人的，听着就爽歪歪，昨弄呢？昨弄呢？
蛋学生：假如咱们当初要开发一个代码生成器，就叫 vue-ncgen-demo-cli 吧，你猜几步搞定？
丹尼尔：我猜啊，就一步。
蛋学生：这，有点过分了，臣妾做不到，再见
丹尼尔：玩笑玩笑，蛋兄就直说吧
蛋学生：那就三步曲走起
- 第一步：生成代码生成器我的项目
$ yarn create @ncgen/app # npm init @ncgen/app
- 第二步：编写代码生成器逻辑
在生成的我的项目中找到 ncgen-config.js，依据你代码生成器的逻辑，批改这个配置文件
示例配置在这里：https://github.com/daniel-dx/…
这里举荐一个小技巧，在须要减少子命令时，除了复制粘贴，其实你是能够更优雅地通过子命令的形式来实现的
cd vue-ncgen-demo-cli
$ yarn create @ncgen/app add-sub # # npm init @ncgen/app add-sub
- 第三步：对全世界公布
$ npm run release丹尼尔：完了？
蛋学生：是的，完了，就是这么简略
丹尼尔：那我的小伙伴们该如何应用这个代码生成器呢？
蛋学生：灰常简略，示例走起
# 装置
$ npm i vue-ncgen-demo-cli -g
# 执行主命令生成脚手架我的项目
$ vue-ncgen-demo-cli
# 执行子命令插入代码
$ vue-ncgen-demo-cli add-component丹尼尔：完满，我急不可待地想要去开发属于我本人的代码生成器了
蛋学生：期待你的反馈
nggen github: https://github.com/daniel-dx/…【请加个 Star 呗】
ncgen 文档：https://daniel-dx.github.io/n…
关键字：ncgen, scaffolding, generator, 代码生成器, 脚手架