美文网首页JavaScript
JSDoc自动生成API文档

JSDoc自动生成API文档

作者: WebGiser | 来源:发表于2022-03-20 16:54 被阅读0次

参考:https://www.shouce.ren/api/view/a/13232
https://blog.csdn.net/github_27546161/article/details/99626520
JSDoc是一个根据javascript文件中注释信息,生成JavaScript应用程序或库、模块的API文档 的工具。你可以使用他记录如:命名空间,类,方法,方法参数等。

下载JSDoc依赖

npm install  jsdoc  -g
npm install  jsdoc  -D

按照JSDoc规范编写JS业务文件

在src目录下编写 Animal.js、Dog.js 2个文件
Animal.js 代码为:

/**
* Animal类
*/
class Animal{

    /** 
    * @constructor
    * @param {string} name - 名字
    * @param {number} age - 年龄
    */
    constructor(name, age){
        this.name = name;
        this.age = age;
    }

    /** 
    * sayHello方法
    * @param {string} str - 名称
    */
    sayHello(str){
        console.log("hello " + str);
    }
}

Dog.js 代码为:

/** 
* Dog类 
* @extends {Animal}
*/
class Dog extends Animal{

    /** 
    * @constructor
    * @param {string} name - 名字
    * @param {number} age - 年龄
    * @param {string} color - 颜色
    */
    constructor(name, age, color){
        super(name, age);
        this.color = color;
    }

    /** 
    * 获取Dog的年龄
    * @return {number} 年龄
    */
    getAge(){
        return this.age;
    }
}

编写JSDoc配置文件 jsdoc-conf.json

{
    "tags": {
        "allowUnknownTags": true,
        "dictionaries": ["jsdoc","closure"]
    },
    "source": {
        "include": ["./src"],
        "includePattern": ".+\\.js(doc|x)?$",
        "excludePattern": "(^|\\/|\\\\)_",
        "exclude": []
    },
    "plugins": [],
    "opts": {
      
    },
    "templates": {
        "cleverLinks": false,
        "monospaceLinks": false
    }
}

生成主页

主页中可以添加对项目的描述、使用说明、注意事项等。在合适的目录下新建README.md文件,并在命令行选项中配置
README.md 代码:

# 使用jsDoc来生成文档
## Hello World示例
这里是JSDoc根页面

生成JSDoc文档

打开项目的package.json,在scripts中添加一行

"jsdoc": "node_modules/.bin/jsdoc -r -c src/jsdoc-conf.json -R README.md -d build/jsdoc"

执行创建命令,即可在build/jsdoc目录下生成API文档

npm run jsdoc

相关文章

  • JSDoc自动生成API文档

    参考:https://www.shouce.ren/api/view/a/13232[https://www.sh...

  • 利用jsdoc为vue项目生成漂亮的文档

    jsdoc是前端自动生成文档所常用的工具。我们只要按照jsdoc的语法来书写注释就能顺利的生成一片很漂亮的文档。 ...

  • JS 文档生成工具:JSDoc 介绍

    JSDoc是一个根据javascript文件中注释的信息,生成API文档的工具。生成的文档是html文件。类似 J...

  • 自动生成文档-jsDoc

    快速入门 编写注释 生成文档 配置文件 配置模板 块级标签 行内标签 使用插件 使用指南 http://usejs...

  • webstorm中生成jsdoc注释文档的方法

    webstorm中生成jsdoc注释文档的方法 生成如下下图的文档格式 使用到的文档 jsdoc非常简单易懂的使用...

  • 用apidoc生成webAPI文档

    起初了解到生成API文档工具有jsdoc、YUI、jsduck,最后选择jsduck来试验,原因有: 1.与jsd...

  • xcode创建文档

    使用AppleDoc自动生成项目文档(XCode8)修改Xcode自动生成的文件注释来导出API文档使用Xcode...

  • swagger

    介绍 号称世界上最流行的APi框架; restful Api文档在线自动生成工具 ->APi文档与Api定义同步更...

  • Java文档自动生成

    java-api-doc 励志做java届最好的文档生成工具,自动解析代码生成api接口文档,前后台分离开发的福音...

  • 实践|开始使用JsDoc

    JsDoc可以根据规范化的注释、自动生成接口文档。包括参数说明、示例等等。 一、安装 二、制作第一份文档 只有一个...

网友评论

    本文标题:JSDoc自动生成API文档

    本文链接:https://www.haomeiwen.com/subject/wiqadrtx.html