项目帮助文档选型

Daotin 于 2023-01-10 发布 编辑

最后选择 vuepress/vitepress!

  名称 网址 star 优点 缺点
❌ gitbook https://www.gitbook.com/ 24.8 - 多人协作的文档平台,适合编写文档以及内部知识库 - 全文搜索 - 可以同步到 github - 具有版本控制功能 - 不能使用 Vue 组件 - 访问慢
❌ StoryBook https://storybook.js.org/ 71.6k - 分开展示各个组件不同属性下的状态 - 该工具适用于 react、vue、angualar 等 - 能追踪组件的行为并且具有属性调试功能 - 可以为组件自动生成文档和属性列表 - 英文文档 - 界面不好看 - 配置复杂 - 仅支持组件文档,不支持其他文档
⚠ docsify https://docsify.js.org/#/zh-cn/ 20.9k - 无需构建过程。不会将 md 文档预先编译为静态 html,在网站运行的时候才会将 md 动态转换从 html - 支持全文搜索 - 配置简单,不需要安装太多的依赖 - 运行时构建,不利于 SEO - 不能适配 Vue 单文件
❌ Dumi https://d.umijs.org/zh-CN 2.3k 📦 开箱即用,将注意力集中在组件开发和文档编写上 📋 丰富的 Markdown 扩展,不止于渲染组件 demo 🏷 基于 TypeScript 类型定义,自动生成组件 API 🎨 主题轻松自定义,还可创建自己的 Markdown 组件 📱 支持移动端组件库研发,内置移动端高清渲染方案 📡 一行命令将组件资产数据化,与下游生产力工具串联 基于 React 的,写法上使用 jsx 的方式,暂不支持 Vue 等框架
❌ Docz https://www.docz.site/ 22.7k 基于 MDX 进行了封装 完全使用 Gatsby 构建,可以使用 Gatsby 的插件和工具生态 零配置 支持 TypeScript、CSS 预处理器 内置 Playground 组件,编辑组件可以进行实时渲染 内置 Props 组件,注释直接生成文档 英文文档 基于 React
✅ vuepress https://v1.vuepress.vuejs.org/zh/ 20.4k - 有较好的加载性能和 SEO - 支持按需加载,支持自定义主题。 - 可以直接在 Markdown 文件中使用 Vue 组件,包括单文件组件 - VuePress 默认只支持搜索标题,全文搜索需要引入三方工具。 - 编译过程比较慢,使用 webpack 编译 - 不支持 vue3
✅ vuepress-next https://v2.vuepress.vuejs.org/zh/ 1.2k - 支持 Vue3 组件 - 使用 vite 编译,速度更快 - 动画效果更好,界面更美观 - 配置与 vuepress1 有区别 - 使用第三方组件,需要第三方组件在 npm 仓库中 - 组件的显示和代码需要写两份(暂时,https://www.cjsound.cn/vuepress2-plugin/)
⚠ vitepress https://vitejs.cn/vitepress/ 4.6k VitePress 是 VuePress 的孪生兄弟,它同样由 Vue.js 团队创建和维护。 VitePress 甚至比 VuePress 要更轻更快 它在灵活性和可配置性上作出了一些让步,比如它不支持插件系统。
❌ bisheng   2.7k 一个把 Markdown 转为 React 单页网站的工具。 基于 React
❌ Vue Styleguidist   2.2k 自动生成组件文档 不能编写除组件之外的文档
❌ vuese   1.5k 自动生成组件文档 不能编写除组件之外的文档
❌ Docusaurus   34k Facebook 开源的文档搭建网站 基于 React 技术栈
❌ Nuxt   40.7k Vue SSR 框架 主要用于构建应用程序,二次开发工作量较大,部署也麻烦