初始化一个组件库的步骤（dumi）

最新推荐文章于 2024-09-01 09:56:01 发布
最新推荐文章于 2024-09-01 09:56:01 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 文章标签： reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43264596/article/details/112213501
版权

dumi的官网（dumi）推荐了三种初始化方法
我比较推荐第一种
下图是我的初始化 步骤
在这里插入图片描述

在这里插入图片描述
第一种安装完成运行起来首页是
在这里插入图片描述
这样的比较简洁，适合平常开发使用
同时官网还推荐了一样个初始化仓库
在这里插入图片描述
我下载下来后运行是这样的首页 还得点击components菜单才会跳转到咱们需要的
在这里插入图片描述
用第一种初始化一个组件库以后就可以进行单个组件的开发了

百奇
关注
专栏目录
基于dumi和antd封装的易用组件库（每个人都应该有自己的组件库）
Remons
08-26 1426
基于 dumi antd 封装的个人易用组件库
Vue + Element Plus 组件库 初始化
小楼一夜听春雨，深巷明朝卖杏花
08-01 796
element-plus 首先去安装这些依赖包，安装好了将其引入，引入的方式有全局引用和局部引入。图标如果没有去做全局注册的话，要去导入一下，引入一下才能使用这个图标，也就是局部导入，这样在后面使用图标的时候直接使用就行了，就不需要再去导入了。component是注册组件，在main.js里面的话就是全局注册，所有地方都能用，use是使用第三方包的特性，也就是安装vue的插件，你像antd、elementplus、router这些，除了npm install外，还需要vue去引入这个插件。
vue3组件库开发之项目初始化
u014226080的博客
12-12 1221
在项目目录下的.eslintrc.cjs文件中添加上以下内容，有更多需求配置可以上官网查询，我这里就添加几个常用的配置。因为前面在脚手架中已经添加了这两个工具，所以这里只需要进行简单得配置就行了。在项目根目录下创建命名空间文件pnpm-workspace.yaml。修改根目录下的文件.prettierrc.json，添加以下内容。在package.json中添加上以下script执行脚本。根目录中添加以下文件changelog.config.js。在package.json文件中添加以下代码。
Vue Dummy 使用教程
最新发布
gitblog_00394的博客
09-01 791
Vue Dummy 使用教程 vue-dummyPlaceholder Images and Lorem Ipsum Dummy Text for Vue.js projects项目地址:https://gitcode.com/gh_mirrors/vu/vue-dummy 项目介绍 Vue Dummy 是一个用于生成虚拟数据的 Vue.js 插件，它可以帮助开发者在开发过程中快速生成模拟数据，...
手摸手教你搞dumi（全网最全最详细）系列之一（初始化）
weixin_42414634的博客
03-20 418
node -v，看你安装的版本号符合要求不。不符合升级或者切换版本号。tyarn -v，看你安装成功否。需要node版本号14以上。umi -v，看你安装成功否。
Dumi搭建组件库、自动部署、自动给发布package
qq_31644543的博客
03-07 571
使用dumi搭建组件库，包括自动部署到github和自动发布到package
通过dumi + verdaccio搭建私有组件库
M_Eve的博客
08-16 950
搭建组件库，并发布到私有服务器
hugSun-UI:基于dumi建造的React组件库
03-26
hugSun-UI 入门 安装依赖项 $ npm i 启动开发服务器， $ npm start 建立文件， $ npm run docs:build 通过father-build构建构建库， $ npm run build
使用dumi创建React的组件库
07-04
在React开发过程中，创建一个组件库能够有效地复用代码，提高开发效率。dumi是一款强大的文档与组件开发工具，特别适合用于构建React组件库。它提供了开箱即用的文档模板和组件演示功能，使得组件的开发和展示变得...
monki-ui：基于React + TypeScript + Dumi + Jest + Enzyme开发UI组件库
02-28
Monki UI，是一种基于Dumi，由React + TypeScript开发的个人组件库 :party_popper: 。 该开源项目是我为进阶React，同时探索组件库设计开发思路的，故不可使用的生产环境。由于个人设计能力有限，故UI设计方面会...
从0到1开发一个React组件库
小陈的博客
11-02 1772
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
dumi_blog:基于dumi开发的博客
03-23
杜米 使用与指南 要查看实时示例和文档，请访问 。 发展 $ npm install $ npm run bootstrap $ npm run build -- -w $ npm run dev 讨论
使用Dumi搭建一套接口文档/使用手册（独立部署在linux服务器上）
IfLifeCheatYou的博客
07-13 1112
dumi搭建文档、使用手册流程
dumi安装
sg_karry的博客
07-21 290
dumi安装
从0开始搭建个人组件库站点（全流程）
gaiery的博客
03-10 3018
一、简述 在前端开发工作中，我们最常用到的UI组件库有elementui、ngzorro等等，这些组件库的特点是易学好用，但是基于公司的业务实际需要，总有不能完全满足需求的场景，那如果我们能够自己写一套UI组件库，不仅仅是日常工作的积累，能够满足工作需要，还能提高自己的技术水平。 在慕课网学了一遍玩转组件库搭建全流程的教程之后，将搭建过程记录一下，以便于后期站点的开发、更新和维护。 内容较多，耐心一点，按照步骤搭建，相信会有收获。
dumi组件库打包总结
lin_fightin的博客
04-26 4349
最近在做页面抽成组件然后发布，期间也是遇到了很多问题和坑，现在顺便分享一下。 dumi官网 dumi为组件开发场景而生的文档工具，这里注重分享打包的过程， father dumi使用father打包，father文档 1 使用rollup打包的时候报错。 father提供了几种打包的方式，umd, cjs, esm。 也支持使用rollup或者babel来打包成cjs/esm。 一开始选择的是rollup来打包。 出现的问题： rollup只支持esmodule，不支持commonjs，如果你的组件库引用
dumi之搭建博客提升影响力(良心之作)
qq_37653449的博客
03-30 6131
简介 dumi 是啥，啥是dumi，相信react的忠实粉，都有这么几个痛点： 憋了几年的技术和业务积累写了一套贴合自身业务的组件库。吭哧吭哧…终于写完了。队友：看不懂大湿的代码啊。 emmm…好吧。这个函数是…这个class是…这个组件要…用。 好吧看来是时候整个文档了。 搜索引擎啊，请你告诉我是一名优秀的程序员吗？ 搜索引擎：嗯，算…是吧。 我刚造了个火箭，他需要一本书起飞的说明书，帮我...
组件库文档工具 dumi 的介绍与对比及踩坑小结
suedar的小屋子
06-11 3749
一、概述 上周将团队内的组件文档从 docz 迁移到dumi，迁移成本大概一到两天，在此给大家做个 dumi 的简单介绍。 二、组件库文档工具 本节会先对比市面上用得多的以下三个组件库文档库，以说明迁移缘由及 dumi 的优点，不想看的可以先跳过。 文档工具 docz story-book dumi 2.1 编写方式对比 2.1.1 Docz Docz 是一个高效、零配置的事件记录工具，Docz 基于 MDX ，有许多内置的组件可以帮助你记录你的事情。 它同时支持添加插件，以便于
关于我给dumi2.0提pr的完整记录
量子前端的博客
11-25 1001
博主最近一年时间在工作业余都在写开源组件库concis，其中文档站点生成框架采取了dumi，前几天不久dumi2.0正式发布，博主也是顺势而为直接把项目升级（dumi1->dumi2）由于dumi2的站点设计比原来好看太多了，这是最吸引我的一点，附图：不过在升级过程中还是踩了不少坑的，如果你也在使用dumi而concis因为自定义了很多站点样式，因此为了不进行破坏性的升级，直接是通过链接中"拷贝源代码"的方式去迁移的，原concis。
关于switch dumi组件库
07-25
对于 switch 组件库，我不确定你具体指的是哪个组件库。但是，如果你是指 Dumi 组件库，Dumi 是一个由蚂蚁金服开源的 React 组件文档工具，主要用于编写和展示组件文档。它具有以下特点： 1. 支持 Markdown 和 React 组件的混合编写，可以在 Markdown 中直接引入和使用 React 组件。 2. 自动生成组件 API 文档，可以根据组件的 PropTypes 自动生成组件的属性说明、类型和默认值等信息。 3. 支持在线示例展示，可以在文档中展示组件的使用示例，并提供在线编辑器进行代码演示。 4. 支持自动生成组件导航，可以根据目录结构自动生成组件导航菜单，方便用户浏览和查找组件文档。 Dumi 是一个功能强大且易于使用的组件文档工具，适用于构建各种类型的组件库文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值