我为 Devui 开发的脚手架

1,664 阅读2分钟

前言

最近在掘金上看到 DevCloud 团队在招小伙伴共同建设 VueDevui 项目,关键词:vue3vitetsui,是符合我的类型,开打开打。

2C101DB7.jpg

VueDevui 是我第一次参与开源建设的项目,带着激动的心和颤抖的手承接了 Toast 组件责任田的研发。此时项目还只具备雏形,开发完后在入口文件注册时不可避免的与他人代码产生冲突!

本着为开源社区做贡献,发光发热的时候到了,和项目组织人 kagol 沟通了脚手架方案顺利通过,Beautiful

2C108CAD.jpg

Todo list

  • 快速生成组件模板
    • 纯组件模板
    • 指令模板
    • 服务模板
  • 生成软件包入口文件 vue-devui.ts

devui-cli

源码地址

为了提供开发者便利及更好的管理组件包产出,特意提供了 devui-cli 工具,目前包含快速生成组件模板和生成 vue-devui.ts 文件,后续还会持续集成新的便利功能。

命令

create

// 创建一个组件模板或配置文件
devui-cli create [options]

// options 参数
--type <type>      创建类型,可选值:component, vue-devui, vitepress/sidebar
--ignore-parse-error  忽略解析错误 (default: false)

尝试创建一个组件模板

devui-cli create

image.png

执行命令后根据提示一步步填入信息即可成功生成组件目录。

生成 vue-devui.ts 文件

// -t 即 --type 配置创建类型
// --ignore-parse-error 让解析组件时跳过解析错误的组件
devui-cli create -t vue-devui --ignore-parse-error

已配置 predev 命令,在运行 dev 时会先生成 vue-devui.ts 文件。

结束

devui-cli 目前还只是雏形工具,提供的命令和功能较少,且因当前仓库未使用 monorepo 架构管理,也就没有单独发不出来,不排除后续会做出调整。

第一次参加开源建设发现,这事情是会上瘾的,以前很难体会为何会有人愿意在 996 的时代还付出自己宝贵的休闲时间去做贡献,现在觉得年少无知啊,开源社区的活跃,群里也聊得火热,才发现参与开源贡献是一件很有趣的事,真想全职投入 2C0983A7.png。不过在哪里都是在为祖国做贡献,还是继续做好一名公司前端入门码农坚守岗位吧。

2C0B574E.gif

如果看到这里即是有缘,请各位看官不要吝啬留下您的小心心,鄙人感激不尽!

2C0C6F07.jpg