0.0.15 • Published 1 year ago
@vsmi/api-docs v0.0.15
文档使用指南
一个简单的基于markdown的文档生成工具,支持JS代码转换执行,生成静态站点
开始使用
安装依赖
npm i @vsmi/md-loader @vsmi/api-docs @vsmi/docs-generator --save-dev添加文档配置
const path = require('path');
module.exports = {
// 文档标题、logo信息
inject: {
title: '微风开发文档',
logo: '',
},
// 配置文档扫描的基准目录,控制到最小,降低信息消耗
cwd: path.resolve(__dirname, './src'),
// 文档入口路由信息
groups: [
{
// 排序,越小越靠前
order: 2,
// 用于显示标题
title: '组件',
// 分组路由
route: '/components',
// 分组路由对应的文档目录(相对于 cwd)
basePath: './components',
},
],
// 文档开发端口,默认为 8020
port: 9001,
// webpack 配置处理
webpack(config) {
}
};运行脚本
在 package.json中添加script
{
"scripts": {
"docs:start": "hp-docs start",
"docs:build": "hp-docs build"
}
}开发阶段
默认会打开一个开发服务器
npm run docs:start生成静态端点
生成到 sites 目录
npm run docs:build文档编写
其中头部信息为文档生成提供元信息,以三个hr 标记分开;
| 属性 | 必填 | 类型 | 描述 | 默认值 |
|---|---|---|---|---|
| title | yes | string | 显示的标题信息 | - |
| cate | no | string | 为当前文档所属分组, 不存在时则显示为根目录 | - |
| order | no | number | 文档目录的顺序,越小越靠前 | - |
| toc | yes | boolean | 控制是否文档显示在目录中 | false |
| only | yes | boolean | 不解析代码块 | false |
---
order: 2
cate: 基本使用
title: 测试DEMO
toc: false
timeline: true
---
这是一个基本描述信息, 哈哈~~
---
正文信息....
正文信息....
正文信息....LICENSE
MIT
0.0.15
1 year ago
0.0.14-alpha.0
2 years ago
0.0.13-alpha.0
3 years ago
0.0.12
3 years ago
0.0.12-alpha.0
3 years ago
0.0.11
3 years ago
0.0.9-alpha.0
3 years ago
0.0.8
3 years ago
0.0.8-alpha.0
3 years ago
0.0.7
3 years ago
0.0.7-alpha.0
3 years ago
0.0.6
3 years ago
0.0.6-alpha.0
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago