一文看懂 dumi 组件库发包与文档部署全流程！ 1. dumi 组件库发包全流程 1. 初始化项目（推荐用 dumi 脚手架一键生成） 推荐直接用 dumi 官方脚手架快速拉齐项目结构： 按提示选择

在 Vue3 官网 的「Ecosystem → UI Components」菜单里，官方维护了一份精挑细选的组件库清单：全部基于 Vue3、TypeScript 优先、活跃维护、社区认可。 Nuxt

你好呀！如果你刚开始学习 Vue3 组件开发，那你来对地方了！想象一下，组件就像是前端世界的乐高积木——小巧、独立、可重复使用，还能组合成酷炫的东西。

上一节已经把组件库文档首页和button组件文档写好了，现在把它部署到github静态站点下，后续只需要继续补充其他组件的文档，按照步骤部署即可。 部署静态站点 首先新建一个组织叫dlxui,在这个组

安装 首先在根目录下新建site文件夹并执行pnpm init，安装vitepress和vue 安装完成之后，新建docs/index.md，这个是文档的首页 然后package.json中新增命令:

打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue 在components下新建vite.config.ts。我们需要让

组件属性 button组件接收以下属性 type 类型 size 尺寸 plain 朴素按钮 round 圆角按钮 circle 圆形按钮 loading 加载 disabled禁用 text 文字

1.在packages下新建components和utils文件夹，分别执行pnpm init,并将他们的包名改为@dlx-ui/components和@dlx-ui/utils,目录结构如下： 组件

安装依赖 在根目录下安装vue和ts 和 less pnpm的-w 表示在根目录下安装 初始化ts 跟目录执行 npx tsc --init,生成tsconfig.json,对其做一个更改如下： 搭建