npm 包 typedoc-plugin-internal-external 使用教程

typedoc-plugin-internal-external 是一个 npm 包,它可以让你在生成 TypeScript API 文档时,轻松地将内部和外部链接标记为不同类型的链接。

如果你正在开发 TypeScript 库,并且使用 typedoc 生成 API 文档,那么这个插件会非常有用。

安装

首先,你需要在项目中安装 typedoc

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

然后,安装 typedoc-plugin-internal-external

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

使用

在你的 typedoc 配置文件中,添加 typedoc-plugin-internal-external

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

现在,你可以在代码中使用特殊的注释来标记内部和外部链接。

内部链接

内部链接指向你库中的其他类、接口、枚举等。使用 [[]] 将链接包围。

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

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

在上面的例子中,我们使用 @internal 标记了这两个成员是库内部使用的,并使用内部链接将它们链接在一起。

外部链接

外部链接指向你库以外的其他库或文档。使用 <> 将链接包围。

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

在上面的例子中,我们使用外部链接将 axios 库链接到了我们的文档中。

示例代码

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

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

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

总结

typedoc-plugin-internal-external 是一个非常有用的 npm 包,可以帮助你生成更好的 TypeScript API 文档。在你的库中使用内部和外部链接,可以帮助其他开发者更好地理解你的代码。

从本文中,你学习了如何安装和使用 typedoc-plugin-internal-external。现在,你可以开始在你的 TypeScript 库中使用内部和外部链接,生成更好的 API 文档了。

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


猜你喜欢

  • npm包angular-filesize-filter使用教程

    在本文中,我们将介绍一个非常有用的npm包——angular-filesize-filter。它是一个AngularJS的过滤器,可以将文件大小从字节转换为方便阅读的单位(KB,MB,GB等)。

    5 年前
  • npm 包 admin-lte-sass 使用教程

    在前端开发中,通常需要使用许多第三方库和框架来加速开发进程。其中,admin-lte-sass 是一款优秀的开源后台管理框架,提供了丰富的 UI 组件和功能模块。并且,通过使用 npm 包管理器,我们...

    5 年前
  • npm 包 webpack-require-http 使用教程

    什么是 webpack-require-http? Webpack-require-http 是一个 webpack 插件,可以通过 http 请求的方式加载模块,而不必像 require 一样在本地...

    5 年前
  • npm 包 remove-empty-directories 使用教程

    如果你曾经在开发过程中遇到过需要删除空文件夹的情况,那么你可能需要知道 NPM 包 remove-empty-directories。在本文中,我们将深入讨论如何正确使用该包来管理你的前端项目中的空文...

    5 年前
  • npm 包 karma-angular-filesort 使用教程

    介绍 karma-angular-filesort 是一个用于自动化测试的 npm 包,能够帮助你对 AngularJS 应用进行文件排序,从而确保这些文件在加载时是按照正确的顺序加载。

    5 年前
  • npm 包 import-glob-loader 使用教程

    简介 import-glob-loader 是一个用于加载文件的 webpack 加载器。它使导入多个文件变得更加容易,只需使用通配符就能找到任意数量的文件。这个加载器非常适用于前端的开发,特别是在导...

    5 年前
  • npm 包 gulp-slack 使用教程

    什么是 gulp-slack? gulp-slack 是一个 Gulp 插件,它可以将 Gulp 构建结果发送到 Slack。 为什么需要 gulp-slack? 在团队协作开发过程中,及时获取 Gu...

    5 年前
  • npm 包 gulp-awspublish 使用教程

    简介 gulp-awspublish 是一个基于 AWS 的 gulp 插件。它可以帮助我们方便地将静态网页或者其他文件上传到 AWS S3 上。这意味着,通过 gulp-awspublish,我们可...

    5 年前
  • npm 包 git-guppy 使用教程

    介绍 在前端开发中,Git 是我们必不可少的工具。在 Git 的使用过程中,我们经常需要进行一些约束和规范以保证代码的质量和可维护性。而 git-guppy 就是一个可以帮助我们实现这些约束和规范的 ...

    5 年前
  • npm 包 font-awesome-npm-loader 使用教程

    在前端项目中,我们经常需要引入一些图标来丰富页面的设计。而 font-awesome 是一个非常受欢迎的图标库,提供了丰富的图标选择。我们可以通过 npm 包 font-awesome-npm-loa...

    5 年前
  • npm 包 extract-sass-variables-loader 使用教程

    如果你在前端开发中使用 Sass 来编写 CSS,那么你一定会遇到需要在 JavaScript 中使用 Sass 中定义的变量的情况。而 npm 包 extract-sass-variables-lo...

    5 年前
  • npm 包 ui-select 使用教程

    简介 ui-select 是一个基于 AngularJS 框架的强大且易用的下拉选择框组件。它具有多种功能,包括数据过滤,键盘导航和分组等,是常用的前端组件之一。本教程主要讲述如何使用 npm 包 u...

    5 年前
  • npm 包 tr-ng-grid 使用教程

    前言 随着前端页面的日趋复杂,表格的需求也越来越多。而 tr-ng-grid 就是一款非常方便的表格插件,它不仅支持表格的基本展示和排序,还可进行筛选、分组和分页等其他操作。

    5 年前
  • npm 包 spectrum-colorpicker 使用教程

    前言 spectrum-colorpicker 是一款使用方便、功能丰富的颜色选择器插件,它支持多种颜色格式、鼠标滚轮选择、拖动选取、色相、亮度、饱和度调整、输入值等等。

    5 年前
  • npm 包 pusher-js 使用教程

    在前端开发中,实现实时数据的处理和传输是至关重要的。针对这个问题,项目中常常会用到实时数据推送协议,而 pusher-js 就是其中一种优秀的选择。 本篇文章会针对 pusher-js 进行详细讲解,...

    5 年前
  • npm 包 ng-virtual-keyboard 使用教程

    在前端开发中,有许多需要使用到虚拟键盘的场景,例如在移动端输入框无法通过物理键盘输入时,或者需要输入特殊字符时等等。要实现一个虚拟键盘并不是一件容易的事情,但好在我们有现成的 npm 包可以使用,它就...

    5 年前
  • npm 包 ng-a11y 使用教程

    在现代的 Web 应用开发中,一个全面的 Web 应用需要以可访问性为基础,才能真正实现多样化的用户体验。然而,为了满足可访问性标准,开发者需要遵循很多规则和设计模式,这需要一定的技术培训和经验。

    5 年前
  • npm 包 jquery-ui-touch-punch-c 使用教程

    在前端开发中,有时候需要使用到拖拽功能,而 jQuery UI 是一个非常好用的拖拽库。不过,它在移动设备上却无法使用,这时候我们就需要使用另一个库 – jquery-ui-touch-punch-c...

    5 年前
  • npm 包 bodybuilder 使用教程

    简介 bodybuilder 是一个用 JavaScript 编写的构建 Elasticsearch 查询语句的工具。它会生成符合 Elasticsearch 查询语句语法的 JSON 对象。

    5 年前
  • angular-spectrum-colorpicker 的使用教程

    在前端开发过程中,有时需要使用颜色选择器来方便地进行颜色选择。angular-spectrum-colorpicker 是一个基于 AngularJS 和 Spectrum 的颜色选择器。

    5 年前

相关推荐

    暂无文章