其他分享
首页 > 其他分享> > jsdoc安装与配置

jsdoc安装与配置

作者:互联网

0 环境

本文档采用npm版本为6.11.3

jsdoc官网

1 使用NPM安装JSDoc

首先,新建一个工程目录,不妨为jsdoc_demo。创建完成后进入目录

执行

npm init -y

在这里插入图片描述

生成一个package.json文件

安装jsdoc

npm i -D jsdoc

在这里插入图片描述

package.json中会新增开发依赖配置项

在这里插入图片描述

2 配置

jsdoc需要一个配置文件,如果你不创建它,jsdoc会使用默认值

首先,在工程根目录创建一个文件jsdoc.json,并从官网复制默认内容进去

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

具体配置项请阅读官网配置说明,本文档不深究配置项。下面对该配置文件进行修改,修改后如下

{
    "plugins": ["plugins/markdown"],
    "source": {
        "include": ["src"],
        "includePattern": ".js$",
        "excludePattern": "(node_modules/|docs)"
    },
    "sourceType": "module",
    "templates": {
        "cleverLinks": true,
        "monospaceLinks": true
    },
    "opts": {
        "recurse": true,
        "destination": "./docs/"
    }
}

打开package.json文件,添加执行脚本,下面是脚本添加后的内容

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "doc": "jsdoc -c jsdoc.json"
  },

3 测试

按照配置,我们需创建名为src的源文件夹,该文件夹中的js文件将会自动生成文档。

我们在src下直接创建一个index.js文件。此时,文件中没有内容,但我们可以直接执行脚本测试。

执行

npm run doc

在这里插入图片描述

我们会发现工程根目录下多了一个docs文件夹,这是jsdoc按照配置文件的配置生成的。进入docs文件夹,直接打开index.html查看效果

在这里插入图片描述

文档成功生成,但除了模板啥内容没有

我们在index.js中添加一些内容

// @ts-check

/**
 * Student Name
 * @type {string}
 */
const studentName = 'John Doe';

然后再次执行生成文档的脚本,看下效果

在这里插入图片描述

完结。后面的开发按照规范写注释,即可快速生成文档。

标签:npm,docs,配置,js,json,jsdoc,文档,安装
来源: https://blog.csdn.net/wallezhou/article/details/122864354