gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-28 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章五分钟开发属于你自己的代码生成器由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

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

本文很短,却诚意满满 。

用不了2分钟你就能看完 。

然后大概率你就会惊叹 。

原来开发属于自己的代码生成器,是这么滴简单 。

温馨提示:本文是《 新生代小鲜肉之代码生成器 》的延续篇,如果你还不知道 ncgen 这个小鲜肉,那最好先去 Look 一 Look 《 新生代小鲜肉之代码生成器 》https://juejin.cn/post/6960427434235658277 。

丹尼尔:蛋兄,上次别后,按照你教我的那一套方法,我几分钟就配置了一个完全满足我需求的代码生成器,真是强大又不失简单啊 。

蛋先生:说干就干,你的动手能力让我佩服 。

丹尼尔:见笑见笑。不过我今天又带着问题而来 。

蛋先生:恭候多时 。

丹尼尔:我把 ncgen-config.js 挂在了云端,然后我的小伙伴们抱怨使用的时候命令太长记不住:

  1. $ ncgen https://raw.githubusercontent.com/daniel-dx/vue3-ncgen-demo/master/ncgen-config.js
  2. 复制代码 

你看,是不是有点长?蛋兄有什么好建议吗?

蛋先生:当然, ncgen 早已为此准备了一个非常迷人的方案 。

丹尼尔:什么迷人的方案?有多迷人?快告诉我快告诉我 。

蛋先生:那就是 - 通过 ncgen 快速开发 属于你自己的代码生成器 。

丹尼尔:Wo~,属于我自己的,听着就爽歪歪,昨弄呢?昨弄呢?

蛋先生:假设我们现在要开发一个代码生成器,就叫 vue-ncgen-demo-cli 吧,你猜几步搞定?

丹尼尔:我猜啊,就一步.

蛋先生:这,有点过分了,臣妾做不到,再见 。

丹尼尔:玩笑玩笑,蛋兄就直说吧 。

蛋先生:那就三步曲走起 。

  • 第一步:生成代码生成器项目
  1. $ yarn create @ncgen/app # npm init @ncgen/app 
  2. 复制代码 

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

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

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

示例配置在这里: github.com/daniel-dx/v… 。

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

  1. cd vue-ncgen-demo-cli 
  2. $ yarn create @ncgen/app add-sub # # npm init @ncgen/app add-sub 
  3. 复制代码 

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

  • 第三步:对全世界发布
  1. $ npm run release 
  2. 复制代码 

丹尼尔:完了?

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

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

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

  1. # 安装 
  2. $ npm i vue-ncgen-demo-cli -g 
  3.  
  4. # 执行主命令生成脚手架项目 
  5. $ vue-ncgen-demo-cli 
  6.  
  7. # 执行子命令插入代码 
  8. $ vue-ncgen-demo-cli add-component 
  9. 复制代码 

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

蛋先生:期待你的反馈 。

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

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

原文链接:https://juejin.cn/post/6967901728242925581?utm_source=tuicool&utm_medium=referral 。

最后此篇关于五分钟开发属于你自己的代码生成器的文章就讲到这里了,如果你想了解更多关于五分钟开发属于你自己的代码生成器的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com