五分钟开发属于你自己的代码生成器

简介: 本文很短,却诚意满满用不了 2 分钟你就能看完然后大概率你就会惊叹原来开发属于自己的代码生成器,是这么滴简单

c80f5c9186e258dc2bcc789e174d3055.jpeg

本文很短,却诚意满满

用不了 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


5de78a8a7e4e786c6534998c59acd837.gif


  • 第二步:编写代码生成器逻辑


在生成的项目中找到 ncgen-config.js ,根据你代码生成器的逻辑,修改这个配置文件


示例配置在这里:https://github.com/daniel-dx/vue-ncgen-demo-cli/blob/master/ncgen-config.js


这里推荐一个小技巧,在需要增加子命令时,除了复制粘贴,其实你是可以更优雅地通过子命令的方式来完成的


cd vue-ncgen-demo-cli$ yarn create @ncgen/app add-sub # # npm init @ncgen/app add-sub


de19ddd23e0925e9806af501c70b24ed.gif


  • 第三步:对全世界发布


$ npm run release




丹尼尔:完了?


蛋先生:是的,完了,就是这么简单


丹尼尔:那我的小伙伴们该如何使用这个代码生成器呢?


蛋先生:灰常简单,示例走起


# 安装$ npm i vue-ncgen-demo-cli -g
# 执行主命令生成脚手架项目$ vue-ncgen-demo-cli
# 执行子命令插入代码$ vue-ncgen-demo-cli add-component


丹尼尔:完美,我迫不及待地想要去开发属于我自己的代码生成器了


蛋先生:期待你的反馈




ncgen github: https://github.com/daniel-dx/ncgen 【请加个 Star 呗】


ncgen 文档:https://daniel-dx.github.io/ncgen/


关键字:ncgen, scaffolding, generator, 代码生成器, 脚手架

目录
相关文章
|
Java 数据库连接 数据库
MyBatis-Plus——逆向工程之AutoGenerator代码生成器
MyBatis-Plus——逆向工程之AutoGenerator代码生成器
MyBatis-Plus——逆向工程之AutoGenerator代码生成器
|
2月前
|
人工智能 IDE 开发工具
AskCodiAI代码生成器
在软件开发领域,提高效率和简化流程是永恒的主题。AskCodi 作为一款基于 OpenAI GPT 的强大 AI 代码生成器,通过提供丰富的应用程序套件和与主流 IDE(如 VS Code、Jetbrains、Sublime Text)的集成,显著提升了编码体验和开发效率。无论初学者还是资深开发者,都可以通过与其交互式对话快速获取所需代码片段、技术支持或解决方案。此外,AskCodi 还具备时间复杂度洞察、自动测试创建等功能,全面支持开发者的各项工作。它不仅简化了复杂的编码查询过程,还鼓励创新,为软件开发带来无限可能。
54 0
|
2月前
|
人工智能 算法 搜索推荐
CodyAI代码生成器
近年来,人工智能技术飞速发展,Cody这款由Sourcegraph开发的人工智能编码助手应运而生,成为编程领域的一大革新。它不仅能够根据上下文提供精准的代码建议,还能预测开发人员的输入并提供相应代码片段,显著提升编码效率。Cody还能识别潜在错误并提出修复建议,缩短调试时间,同时通过智能代码审查帮助优化代码质量和风格。作为开发人员不可或缺的伙伴,Cody将随着AI技术的进步不断学习和优化,为编程领域带来新的发展机遇。
38 0
|
6月前
|
SQL 资源调度 Java
mybatis-plus代码生成器的UI界面使用非常方便
mybatis-plus代码生成器的UI界面使用非常方便
120 0
|
6月前
|
小程序 前端开发 JavaScript
小程序的完整开发流程?
小程序的完整开发流程?
|
SQL JavaScript 数据可视化
MyBatis-Plus 可视化代码生成器来啦,让你的开发效率大大提速!!
MyBatis-Plus 可视化代码生成器来啦,让你的开发效率大大提速!!
|
Java 关系型数据库 MySQL
逆向工程-MyBatis代码生成器!
阿辉学Java第五个月(2021年三月中旬开始java之旅) SpringBoot 工程下使用 Mybatis 反向工程 拷贝 Mybatis 反向工程配置文件到项目的根目录下
152 0
逆向工程-MyBatis代码生成器!
|
XML Oracle Java
Mybatis3逆向工程,代码生成器的使用!
Mybatis3逆向工程,代码生成器的使用!
323 0
Mybatis3逆向工程,代码生成器的使用!
|
Web App开发 Java
JAVA实现编写平台代码生成器
[项目中经常写CRUD,但实际这些工作,我觉得如果有一个完整的代码规范,完全可以自动生成,加快开发效率. 代码生成器技术原理不复杂,一般就是写好一个模板生成一系列的代码而已。
1194 0