npm包doxdox-plugin-dash使用教程

在我们的日常前端开发中,使用NPM来管理我们的开发包已经是司空见惯。同时,一个好的文档工具也是我们开发中必不可少的,如今,doxdox-plugin-dash已经成为许多前端开发者的首选文档生成工具。本文就是要详细介绍如何使用npm包doxdox-plugin-dash来生成文档。

前置条件

在使用doxdox-plugin-dash之前,你需要确认你已经安装好了相关工具,包括npm, doxdox,和dash

关于在电脑上如何安装这些工具,建议可以参考官方的文档。

使用方法

步骤一:安装npm包doxdox-plugin-dash

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

步骤二:在项目根目录创建配置文件

在项目根目录下创建doxdox.config.js文件,并在文件中添加如下代码:

-------------- - -
  -------- -------------
  --------- ---------
  -------------------- --------------
  ------------ ------------
  ----------------- -----
-
  • "input": ["src/*.js"],你需要根据你的实际目录情况修改此参数,这个参数指定了项目中所有需要生成文档的js文件路径。
  • "output": "DOCSET",表示输出的文档格式,这里我们选择生成为Dash格式。
  • "dashDocsetKeyword": "yourkeyword",这个参数是自定义的生成文档时的关键词,用户可以通过Dash搜索框直接快速搜索到相关文档。
  • "templates": ["compact"],选择使用的模板,这里我们选用的是doxdox自带的compact模板。
  • "detailedOutput": false,这个参数表示是否生成详细的文档内容,这里我们选择false。

步骤三:生成文档

执行以下命令来生成文档:

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

在上面的命令之后,doxdox-plugin-dash会读取doxdox.config.js的配置文件并生成相应的文档。

步骤四:导入文档

打开dash,将生成的docset文件拖放到Dash的docset管理器中,之后你就可以愉快的使用生成好的文档了。

小结

本文主要介绍了npm包doxdox-plugin-dash的使用教程,包括前置条件和使用步骤。希望这篇文档能够对你今后的开发工作产生帮助。

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


猜你喜欢

  • npm 包 proudsmart-tree 使用教程

    前端开发过程中,我们经常需要展示树形结构的数据。但是手写一个树形组件又显得非常繁琐。这时,npm 上有很多优秀的树形控件可以供我们使用,其中就有一个非常好用的 npm 包 proudsmart-tre...

    4 年前
  • npm 包 v-pure-tip 使用教程

    在前端开发中,我们常常需要引用各种各样的第三方库和组件来实现我们所需的功能。其中,npm 是前端开发中最流行的包管理器之一。在这篇文章中,我们将介绍一个使用 npm 包管理器引用的前端组件:v-pur...

    4 年前
  • npm 包 v-pure-tooltip 使用教程

    前言 在前端开发中,tooltip 是一个很常见的 UI 元素,它可以让用户更方便地了解一个组件或操作的功能和作用。而 v-pure-tooltip 就是一个方便易用的 tooltip 组件库。

    4 年前
  • npm 包 hijri-date-picker 使用教程

    在伊斯兰教的日历中,日期的计算方式和公历不同,因此需要使用特定的工具来进行日期的转换和显示。hijri-date-picker 就是一个用于处理和显示伊斯兰教日历的 npm 包。

    4 年前
  • npm 包 @tmc/react-sortable-hoc 使用教程

    在前端开发中,我们常常需要对列表或者表格中的内容进行排序或者拖拽操作。而基于 React 实现的拖拽排序的组件库 @tmc/react-sortable-hoc 就能够很好地解决这个问题。

    4 年前
  • npm 包 meting 使用教程

    介绍 meting 是一个优秀的音乐播放器插件,它支持多个音乐平台,包括网易云音乐、QQ音乐、酷狗音乐、虾米音乐等。meting 通过 npm 包形式发布,可以很方便地在前端项目中使用。

    4 年前
  • npm 包 geekfox-container 使用教程

    前言 在开发前端应用时,我们通常会使用一些第三方库和插件来辅助我们开发。其中,npm 是一个非常受欢迎的包管理器,可以让你轻松地安装和更新一些常用的前端库和插件。在这篇文章中,我们将介绍一个名为 "g...

    4 年前
  • npm 包 vue-cli-plugin-material 使用教程

    在现代 web 开发中,前端技术已经成为了一个不可或缺的部分。而在前端开发中,Vue.js 作为一款非常流行和强大的框架,为开发者提供了很多便利,而 Vue.js 生态系统中的很多插件和工具都是通过 ...

    4 年前
  • npm 包 docker-await-postgres 使用教程

    前言 在开发前端应用时,我们通常需要使用到数据库来存储数据。而在本地搭建数据库环境时,往往比较麻烦。这时,我们可以使用 Docker 来方便地搭建本地数据库环境,同时也可以使用 npm 包 docke...

    4 年前
  • npm 包 obsidio 使用教程

    Obsidio 是一个基于 Typescript 的轻量级 MVC 框架,可以帮助开发者快速搭建前端单页应用开发框架。它包含了路由、模板渲染、数据绑定等功能,可以让我们专注于业务逻辑的实现,而不必关心...

    4 年前
  • npm 包 @xudong/koa-container 使用教程

    在前端开发中,我们经常会使用各种工具、框架和库来提高工作效率,而 npm 是 JavaScript 生态系统中最大的包管理器,提供了海量的开源包供我们使用。在本文中,我们将主要介绍一个名为 @xudo...

    4 年前
  • npm 包 method-exists 使用教程

    在前端开发中,经常会遇到需要判断某个对象或函数是否存在的情况。而 npm 包 method-exists 就是为这个问题提供了一个简单、方便的解决方案。本文将介绍如何使用这个 npm 包来判断一个对象...

    4 年前
  • npm 包 react-native-exercise 使用教程

    React Native 是一种可以在 JavaScript 和本地代码之间交互的移动应用开发框架。在使用 React Native 进行开发时,通过使用 npm 包可以轻松扩展其功能。

    4 年前
  • 使用 npm 包 sequelize-import-models 导入数据库模型

    前言 在 Node.js 开发中,我们经常会使用 ORM 框架来操作数据库。Sequelize 就是一个比较流行的 ORM 框架之一。 不过,当我们的数据库模型很多时,手动一个个地导入会比较麻烦。

    4 年前
  • npm 包 nmsl 使用教程

    前言 在前端开发工作中,我们可能会遇到一些烦琐的问题和重复枯燥的代码。这时候,工具包就显得十分重要了。它们可以帮助我们提高效率、减少 bug 以及降低开发成本。而今天我们要介绍的这个工具包就是 npm...

    4 年前
  • npm 包 ol-stylus 使用教程

    介绍 ol-stylus 是一个 npm 包,为开发者提供了一套基于 stylus 预处理器的 CSS 样式库,为开发者提高了开发效率。本文介绍如何安装和使用 ol-stylus。

    4 年前
  • npm包 safer-eval-ozonep使用教程

    在前端开发中,有时需要通过使用 eval 函数来计算某些表达式。但是,使用 eval 函数非常危险,因为它可以执行一段不受信任的代码,并导致安全漏洞。幸运的是,在 Node.js 中,我们可以使用 s...

    4 年前
  • npm 包 adyen-cse-js 使用教程

    Adyen 是一个全球性的支付解决方案提供商,它提供了一个加密库来安全地处理信用卡信息。在这篇文章中,我将介绍如何使用 npm 包 adyen-cse-js 来处理支付信息。

    4 年前
  • npm 包 react-external-script-loader 使用教程

    前言 现今,Web 开发技术日新月异,前端技术更是如火如荼。在前端中,React 的出现,使得前端工程化变得更加高效。React 提供了一种组件化的开发方式,使得我们可以将一个大型项目拆分为许多小型的...

    4 年前
  • npm 包 df-check 使用教程

    在前端开发中,你可能会遇到需要做数字格式校验的情况,比如验证一个数字是否为有效的金额格式,或者判断一个数字是否满足一些特定要求。这时候,npm 包 df-check 可以帮助你完成这项任务。

    4 年前

相关推荐

    暂无文章