npm 包 jsdoc-plugins 使用教程

在进行代码开发的过程中,文档编写是不可缺少的一部分。而利用 jsdoc 描述文档可以让我们更自然地编写文档。jsdoc 的优点是可以针对函数,方法和属性编写注释,并生成 API 文档。但是通过 jsdoc 描述文档,我们仍然需要有一定的技术背景来编写出清晰的文档,如何使用插件来方便我们的文档编写呢?这里介绍一下 npm 包 jsdoc-plugins 的使用教程。

环境配置

首先,你需要在本地环境中配置好 Node.js 和 npm,这里不再赘述安装步骤。

接着,通过 npm 全局安装 jsdoc:

--- ------- -- -----

同时,我们还需要安装 jsdoc-plugins,这样才能使用该插件功能:

--- ------- -- -------------

好了,现在,我们假设你已经写好了你的 JavaScript 代码,并需要从这些代码中生成文档。接下来,让我们看一下如何使用 jsdoc-plugins。

jsdoc-plugins 的使用

在上一节中,我们已经完成了 jsdoc-plugins 的安装。现在我们有一个非常简单的例子需要我们生成相关的 API 文档:

---
 - ------ --- ------ -- --
 - --------
 - --------- -- -------- -
 - -------- ------ - ------ -- --
 - --------- ------
 - ------ -------- ------ - --- ------ -- -------
 - -------- -------- --- ------ -- --- ---------
 --
-------- -------------- -
  ------ ------ - --
-

对于上述代码,通过 jsdoc 执行命令 jsdoc my-script.js 可以生成 API 文档,但是我们需要在代码中加入相关的标记,以保证文档的正确生成。那么,我们就可以使用 jsdoc-plugins 来利用该插件在不更改代码的情况下来生成文档。

首先,在当前的项目目录下创建配置文件,命名为 jsdoc.conf.json ,并在该配置文件中加入以下代码:

-
  ---------- -
    ------------------
  --
  ----------- -
    --------- ------
    ----------- ----
  -
-

其中,plugins/markdown 注册了 jsdoc-markdown 插件。你也可以在 "markdown" 属性中进一步细化你的配置需求。

接着,在写好 API 文档相关.js 文件后,我们使用 jsdoc 执行命令:

----- --------- -- -- --------------------------------------

其中,-r 表示执行递归搜索,将生成所有文件的文档;-t 表示使用 jsdoc 的清空板块清洁式输出。这样,我们就可以在当前项目目录下的 /out 目录中生成 HTML 格式的 API 文档了。

总结

上述步骤简单易懂地介绍了如何通过 jsdoc-plugins 实现方便的文档编写。与手动书写 Markdown 文件不同,jsdoc-plugins 并不需要额外写 Markdown 文件,使用起来也很方便。相信 jsdoc-plugins 可以大大简化我们编写文档的复杂度,提高编写效率。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5efef268403f2923b035bc00


猜你喜欢

  • npm 包 lowclass 使用教程

    npm 包 lowclass 使用教程 在前端开发过程中,我们经常会使用类(class)来构建对象和模块。但是 JavaScript 的类机制并不是十分完善,很多时候无法满足我们的需求。

    4 年前
  • npm 包 @trusktr/skatejs 使用教程

    本文将介绍如何使用 npm 包 @trusktr/skatejs 来构建一个简单的 Web Component。通过学习本文,你将掌握 Web Component 的开发流程以及如何使用 @trusk...

    4 年前
  • npm 包 @types/gulp-babel 使用教程

    在前端开发中,使用 Gulp 和 Babel 经常是必不可少的。@types/gulp-babel 是一个 Gulp + Babel 类型定义库,它提供了类型定义文件,使得你使用这个库时能够在 Typ...

    4 年前
  • npm 包 @types/gulp-cached 使用教程

    在前端开发中,Gulp 是一个非常流行的构建工具,可以通过它自动化处理各种任务,例如压缩 CSS、JS、图片等,自助刷新等等。但是在使用 Gulp 进行开发时,我们常常需要一些插件来扩展其功能,其中又...

    4 年前
  • npm 包 @zoltu/typescript-transformer-append-js-extension 使用教程

    前言 在前端开发中,我们难免会遇到需要引用一些第三方 JavaScript 库的情况。然而,有时这些库并没有提供 TypeScript 类型定义文件,会导致在 TypeScript 代码中使用时出现无...

    4 年前
  • npm 包 karma-stacktrace 使用教程

    简介 karma-stacktrace 是一个 npm 包,用于在前端开发中生成详细而有用的错误堆栈信息。该包提供了一个自定义信息展示器,可以将生成的错误信息变得更好理解。

    4 年前
  • npm 包 regexr 使用教程

    在前端开发中,正则表达式是一项非常重要的技术。正则表达式可以用来匹配、提取和替换字符串,它的应用非常广泛。而 npm 包 regexr 可以帮助我们更加便捷地使用正则表达式,本文将介绍 regexr ...

    4 年前
  • npm 包 builder-js-package 使用教程

    介绍 builder-js-package 是一个基于 Node.js 平台的 npm 包,它可以帮助前端开发者更轻松地构建自己的 JavaScript 库和组件包。

    4 年前
  • npm 包 gulp-wrap-js 使用教程

    gulp-wrap-js 是一个非常实用的 npm 包,可以让我们在编写 JavaScript 代码时,更好地组织和管理代码。在本文中,我们将详细介绍 gulp-wrap-js 的使用方法,并带给你一...

    4 年前
  • npm 包 deindent 使用教程

    在前端开发中,我们经常会使用到编写 HTML、CSS 或 JavaScript 时进行代码缩进。但这些缩进有可能会导致代码缩进过度,使代码难以阅读和维护。 为了解决这个问题,最好的方法是使用一个 np...

    4 年前
  • npm 包 karma-polyfill 使用教程

    在前端开发中,我们常常需要使用各种不同的框架和库来实现功能。而这些框架和库通常都要依赖一些 JavaScript Polyfill,以实现浏览器的兼容性。npm 包 karma-polyfill 就是...

    4 年前
  • npm 包 ng-select-all-on-focus 使用教程

    在前端界中,类似于 ng-select-all-on-focus 这样的小型 npm 包通常可以帮助开发者节省大量的时间和精力,同时也提高了前端开发的效率。本文将详细介绍这个包的使用方法,帮助初学者快...

    4 年前
  • npm 包 @borgar/eslint-config 使用教程

    前言 在前端开发中,代码质量的保证非常重要。ESLint 是一个非常受欢迎的静态代码质量检查工具,可以在代码编写的过程中发现常见的错误和潜在的问题,从而提高代码的可维护性和可读性。

    4 年前
  • npm 包 gulp-path 使用教程

    前言 前端开发中,我们总会遇到需要对多个文件进行处理的情况,比如合并、压缩、重命名等操作。而 gulp 和 gulp 相关的插件,就是专门用来解决这类问题的工具集。

    4 年前
  • npm 包 gulp-snippet-highlight 使用教程

    介绍 gulp-snippet-highlight 是一个基于 gulp 的插件,用于将项目中的代码片段高亮显示并包装成 HTML 格式输出,帮助开发者更加直观地了解代码结构和语法,提高代码审查和维护...

    4 年前
  • npm 包 browserstack-automate 使用教程

    什么是 browserstack-automate? browserstack-automate 是一个用于在 BrowserStack 平台上自动化执行测试的 npm 包。

    4 年前
  • npm包gulp-nightwatch使用教程

    前言 在现在这个Web开发的时代,有很多的前端框架和库来让我们开发更加高效的应用。然而想要测试这些应用,或者进行端到端的测试(E2E),就需要使用到各种各样的测试框架。

    4 年前
  • npm 包 marker-animate 使用教程

    在 web 应用程序开发中,JavaScript 地图库被广泛使用以在地图上标注信息。而标记动画则是使地图标记更惹人注目的一种有效方法。市场上有许多开源 JavaScript 库可用于创建动画标记,而...

    4 年前
  • NPM 包 string-at 使用教程

    简介 在前端开发中,处理字符串是一个常见的需求。npm 上有许多实用的字符串处理库,其中一个非常有用的是 string-at,它可以方便地从字符串中按照指定的位置获取子串。

    4 年前
  • npm 包 just-curves 使用教程

    什么是 just-curves? just-curves 是一个用于计算曲线动画的 JavaScript 库,它提供了一系列函数,可以轻松地创建各种曲线动画效果。 有了 just-curves,你可以...

    4 年前

相关推荐

    暂无文章