简介
umi-plugin-docz
是一个可用于自动生成文档的插件,您可以使用它来创建您的项目文档。 umi-plugin-docz
可以快速生成您的组件和页面 API 文档,并提供了一个交互式开发文档网站。
umi-plugin-docz
提供了一个响应式的、自适应的文档站点,可以像本地主机一样访问,还可以构建为静态站点部署到 GitHub Pages 上。
安装
在您的项目目录下使用以下命令进行安装:
-- -- --- -- --- ------- --------------- ---------- -- -- ---- -- ---- --- --------------- -----
使用
添加插件
在 .umirc.ts
或者 .umirc.js
中添加插件:
------ ------- - -------- -------------------- --
配置插件
在 doczrc.js
中配置插件:
------ ------- - ------ --- --------------- ------------ ----- -- -- ------- --------------- ---- ------------------- --
开始编写文档
在组件或者页面中,添加一个 Markdown 文件。例如我们有一个组件 MyComponent
,在 ./src/components/MyComponent/docs/README.md
中添加以下内容:
- ----------- ----------
查看文档
在项目目录下运行以下命令:
--- --- --------
在浏览器中打开 http://localhost:3000
即可预览文档站点。
构建文档
在项目目录下运行以下命令:
--- --- ----------
文档将会构建在 /docs
目录下,可以部署到 GitHub Pages 等静态站点上。
示例代码
下面是一个完整的示例代码:
-- --------- ------ ------- - -------- -------------------- -- -- --------- ------ ------- - ------ --- ----- ------------ ----- -- -- ------- --------------- ---- ------------------- -- -- ------------------------------------------- - ----------- ---------- -- ---- --- --- -------- -- -- ---------------------
总结
umi-plugin-docz
是一个非常有用的插件,可以快速生成组件和页面 API 文档,并提供一个交互式的开发文档站点。在开发过程中,完整的文档可以促进代码的重用和维护。
我们强烈建议您使用 umi-plugin-docz
来创建您的项目文档。它可以使您的文档更加完整,让您的团队更加高效和专业。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/79321