0.0.14-alpha.0 • Published 11 months ago

@vsmi/api-docs v0.0.14-alpha.0

Weekly downloads
-
License
MIT
Repository
-
Last release
11 months ago

文档使用指南

一个简单的基于markdown的文档生成工具,支持JS代码转换执行,生成静态站点

npm node deps tests prs code style: prettier

开始使用

安装依赖

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 标记分开;

属性必填类型描述默认值
titleyesstring显示的标题信息-
catenostring为当前文档所属分组, 不存在时则显示为根目录-
ordernonumber文档目录的顺序,越小越靠前-
tocyesboolean控制是否文档显示在目录中false
onlyyesboolean不解析代码块false
---
order: 2
cate: 基本使用
title: 测试DEMO
toc: false
timeline: true

---
这是一个基本描述信息, 哈哈~~

---

正文信息....
正文信息....
正文信息....

LICENSE

MIT