apidoc文档

先全局下载

npm install -g apidoc

在项目中的根目录新建一个apidoc.json文件

复制代码
{
    "name":"app",
    "title":"app api",
    "description": "这是一个简单的api文档",
    "url":"http://localhost:3000/",
    "sampleUrl": "http://localhost:3000/",//生成body测试的url
    "template": {
        "showRequiredLabels": true,//显示非可选参数的“必需”标签
        "withCompare": true,
        "withGenerator": true,
        "aloneDisplay": true //单击菜单标题时,仅在页面上显示该内容
    }
}
复制代码

在接口处写上注释,比如在router中写,具体的规则可以查看官网:https://apidocjs.com/,注意不同的参数规则不同如:post用@apiBody,get用@apiParam(具体可以查看官方demo:https://github.com/apidoc/apidoc/tree/master/example,demo展示:https://apidocjs.com/example/),VSCode里面也有个apidoc的插件ApiDoc Snippets,可以更方便的生成注释

复制代码
/**
 * @apiDefine users 用户管理
*/

/**
    * @api {post} users/register 用户注册
    * @apiName 用户注册
    * @apiGroup users
    * @apiBody {String} nickname 昵称
    * @apiBody {String} email 邮箱
    */
/**
 * @api {post} users/login 用户登录
 * @apiName 用户登录
 * @apiGroup users
 * @apiBody {String} email 邮箱
 */
复制代码

然后输入指令生成文档(-i:输入路径,-o:输出路径),比如我的注释是在router文档里面的,现在要生成文档在public/apidoc/这个路径(注意:每次修改文档注释后要重新生成一次)

apidoc -i router/ -o public/apidoc/

生成完的文档,配置静态服务,就可以打开了

 

 在浏览器输入http://localhost:3000/apidoc/index.html,就可以查看了

 

 

posted @   Pavetr  阅读(134)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示