从 vue 组件生成文档 ?
TODO: 写 vue 组件,直接生成文档?
期望实现有效的的文档生成。比如说我使用 vue 的组合式 api,或者是选项式 api。不论在 vue2 还是 vue3,都可以根据 jsdoc 或者是 tsdoc 的格式来自动生成文档。
以下是可能的技术选型,等待逐步学习,调研。
documentation
vue-styleguidist
vuedoc 优选
相关仓库
文档
https://gitlab.com/vuedoc/parser#features
评价
感觉有点东西:
- 有专门的配置文件。
- 能识别 jsdoc
- 强制要求 node16,esm 格式。
- 跨度大。vue2.6、vue2.7 和 vue3 的写法均能够覆盖。
进度
相关细节点此。
vuepress-apidoc 值得商榷
目前不会直接使用此工具,基于以下缘故:
- 是 gitee 而不是 github,没有足够的反馈
但是本项目的 readme 却提供了很多类似的框架,可以作为一个目录。
vuepress-jsdoc 值得商榷
称可以对 javascript、typescript 和 vue 一起做 md 生成。通过阅读源码发现,其 jsdoc 配置了和 babel-jsdoc。很奇怪。
jsdoc-vuedoc
rollup-plugin-vuedoc
libpack 不考虑
不考虑。这个更加倾向于作为一个模板。没有看到去生成 doc 的配置。
vuese 不考虑
不能接受。因为要使用其专属的注释语法。不是通用的 jsdoc 语法。
jsdoc-vue 不考虑
不考虑。这个仓库废弃了。
jsdoc-vuejs 不考虑
不能接受。因为要写专有的标签才能识别。
vite-plugin-vue-docs-2 不考虑
文档没说清楚怎么使用。在 vite 项目内不敢使用。
自动化文档生成的整体进度
截止目前,比较熟悉的文档生成框架是 jsdoc 和 typedoc。
按照数据源来划分,数据源对象可以是:
- .js 文件
- .ts 文件
- .vue 文件
按照注释格式划分,可以被划分为:
- jsdoc
- tsdoc
- 框架自有的格式
按照生成结果划分。可以被划分为:
- html
- md