1. 安装dumi及Vue相关依赖 首先,需要创建一个新的项目目录,并在该目录下初始化一个新的npm项目: bash mkdir vue-dumi-component-lib cd vue-dumi-component-lib npm init -y 接着,安装dumi和Vue相关的依赖: bash npm install @umijs/preset-vue @umijs/preset-react dumi vue 注意:这里安装了@umijs/...
Vitepress 并没有使用 Vuejs 的官方路由方案（Vue Router），而是自己实现了一个简单的路由模块：首先通...
如果是打算新建全新项目,请直接使用 create-dumi 脚手架: 后续规划 其实还有很多想做的功能没来得及做,dumi 2.0 发布以后还会继续新增功能,也希望能有更多的社区同学一起参与,这样 dumi 2.1 很快就会到来: 移动端组件研发主题 Umi 4 项目集成模式 交互式的 API 表格 组件Playground Vue 组件渲染支持 Monorepo 方案...
dumi项目编译机制 Dumi是一个基于Markdown的文档工具,它提供了一种简单、高效的方式来编写和管理文档。与传统的文档编写工具不同,Dumi的编译机制具有一些特殊的特点。 1.基于Vue、React或Angular的预编译组件 Dumi的编译机制允许用户在Markdown中使用预编译组件。预编译组件是指一些基于Vue、React或Angular的组件,它们...
Vitepress 是一个由 Vite 和 Vue 驱动的静态站点生成器，主要功能是通过获取 Markdown 编写的内容，并生成对应的静态 HTML 页面。下面将详细介绍 Vitepress 的实现原理。在初始化项目时，我们执行命令 npx vitepress init，通过这个命令，会进入一个设置界面，用户可以配置项目名等参数，最终生成一个 ...
显然,这个命名已经透露了它和 Umi 的关系。dumi(嘟米)是基于 Umi 打造、为组件开发场景而生的文档工具,用大实话讲,dumi 就是可以用来写文档、官网和组件库 Demo 的 Umi。 一直以来,Umi 都在前端应用研发领域深耕、蜕变,如今已愈发成熟和强大;而在组件库研发领域,纵然我们曾推出了组件库开发、打包工具 father,但...
编写文档 查看我们的项目目录,可以发现docs文件,这里就是我们编写文档的地方。项目初始化时,默认只有index.md也就是上面我们访问http://localhost:8080页面中所称呈现的内容。 接着我们在docs目录下新增修改Markdown文档,它就会帮我们自动渲染到前端页面中。
Vue3.x 3年前 tsconfig.json init 3年前 typings.d.ts 达达笔记 3年前 README dumi app Getting Started dumi app Getting Started Install dependencies, $ npm i Start the dev server, $ npm start Build site app, $ npm run build 简介
lite-tree包含@lite-tree/react和@lite-tree/vue两个包,分别用在React和Vue场景下,其最大的特点在编写md文件时能更方便地声明树结构,如下: <LiteTree data=` - A公司 行政中心 总裁办 [checked]人力资源部 [unchecked]{.blue}财务部 //[yes]{color:red;} ...
tailwindcss配置项需要安装@umijs/plugins到 devDeps,并且挂载@umijs/plugins/dist/tailwindcss插件才能使用 具体实现,可以参考以下步骤: 安装: yarn add -D @umijs/plugins tailwindcss 在.dumirc.ts中添加插件: plugins: ['@umijs/plugins/dist/tailwindcss'] ...