npm 包 coffeejsdoc 使用教程

简介

在前端开发中,文档和注释是一个重要环节。能够清晰地描述代码作用和用法,能够快速解决问题。JS 的文档工具很多,比如 JSDoc、YUIDoc 等等。而 CoffeeScript 的文档工具选择就比较少了,当前比较好用的是 coffeejsdoc。

coffeejsdoc 是一个基于 JSDoc 的 CoffeeScript 文档工具,可以生成 HTML 文档或 Markdown 文档。本文将介绍如何使用这个工具为 CoffeeScript 代码生成文档,以及如何在文档中使用 Markdown。

安装 coffeejsdoc

使用 npm 安装 coffeejsdoc:

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

安装完成后,可以通过以下命令检查是否安装成功:

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

如果能够正确输出版本号,就说明 coffeejsdoc 安装成功了。

编写文档注释

使用 coffeejsdoc 生成文档,需要在 CoffeeScript 代码中加入文档注释。注释必须以 /** 开头,以 */ 结尾。中间每一行都以 * 开头。如下所示:

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

上面的例子中,注释部分已经包含了类名、类描述以及构造函数的参数、返回值等信息。

下面是常用的注释标签说明:

  • @class/classdesc:类或模块描述
  • @param:函数参数描述
  • @return:函数返回值描述
  • @property:对象属性描述
  • @example:示例代码

生成文档

使用 coffeejsdoc 生成文档非常简单,只需要使用以下命令即可:

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

其中:

  • myclass.coffee 是要生成文档的 CoffeeScript 文件
  • -o 指定生成的文档输出目录
  • --config 指定配置文件

下面是一个样例配置文件:

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

配置文件说明:

  • tags.allowUnknownTags:是否允许未知标签
  • plugins:指定使用的插件,这里指定使用 markdown 插件
  • opts.destination:指定生成文档的输出目录
  • opts.recurse:是否递归生成子目录中的文档
  • opts.private:是否生成私有成员的文档
  • opts.lenient:是否宽松模式(即忽略错误)
  • opts.template:指定使用的模版目录
  • opts.theme:指定使用的主题样式(可选)

使用 Markdown

在注释中使用 Markdown 很简单,只需要在注释内容中使用 Markdown 语法即可。例如:

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

注释中使用三个反引号包含起来的代码块会自动语法高亮。效果如下:

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

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

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

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

猜你喜欢

  • npm 包 runup-lean 使用教程

    在前端开发中,我们通常需要使用一些工具来增强我们的开发效率。runup-lean 是一个 npm 包,它可以帮助我们更快速地搭建 react 项目。本文将介绍 runup-lean 的使用方法,从而让...

    5 年前
  • npm 包 githubdocs 使用教程

    前言 如果你是一名前端开发人员,相信你已经听过或使用过 npm。npm 是 Node.js 的包管理器,它是世界上最大的软件注册表之一。在这个社区中,有数以百万计的包可以使用。

    5 年前
  • npm 包 system-registry 使用教程

    简介 Node.js 中的 npm 包管理工具是前端开发中不可或缺的一部分,可以方便地管理项目中使用的第三方库或工具。而 system-registry 这个 npm 包则可以帮助我们更好地管理全局安...

    5 年前
  • NPM 包 box-js 使用教程

    什么是 box-js? box-js 是一个使用 JavaScript 实现的沙箱环境,它可以对 JavaScript 代码进行解析和执行,同时能够监控 JavaScript 代码的行为,从而实现对恶...

    5 年前
  • npm 包 express-uglify2 使用教程

    在前端开发中,往往需要对 JavaScript 代码进行压缩以提升网站的性能和加载速度。而在 Node.js 中,我们可以使用 npm 包 express-uglify2 来压缩 JavaScript...

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

    在前端开发中,我们经常需要对代码进行版本控制,而 Git 是其中最常用的工具之一。在使用 Git 时,有时我们需要检测当前的目录是否是一个 Git 仓库,这时就可以使用 npm 包 is-git-re...

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

    在前端开发过程中,当前使用的 Git 分支是一个非常重要的信息。然而在快速迭代的开发中,我们可能会经常切换 Git 分支,忘记当前使用的是哪个分支。于是我们需要一个简单的工具来获取当前使用的 Git ...

    5 年前
  • npm 包 paqman 使用教程

    前言 在前端开发中,随着项目越来越庞大,依赖的第三方库越来越多,使得包管理工具变得越来越重要。npm 就是一款非常优秀且流行的包管理工具,能够很好地帮助我们管理项目中的依赖项。

    5 年前
  • npm 包 nf-conventional-changelog 使用教程

    介绍 nf-conventional-changelog 是一个 npm 包,它为项目自动生成具有规范性的 changelog。其基于 Conventional Commits 标准,它提供了一个规范...

    5 年前
  • npm包`eslint-config-netflix`使用教程

    在前端开发中,使用静态代码分析工具可以帮助开发者在开发时更加规范、高效、准确地编写代码。而eslint就是这样一款常用的静态代码分析工具,可以检查并修复代码中的潜在错误和不规范的写法。

    5 年前
  • npm 包 unleash 使用教程

    什么是 npm 包 unleash? npm 包 unleash 是一个功能强大的功能开关管理库,可以帮助开发人员动态的控制应用程序或特定功能的行为。它提供了许多高级的功能来管理功能开关,例如分布式控...

    5 年前
  • NPM 包 minify-hex-code 使用教程

    在 Web 前端开发的过程中,我们经常需要对 CSS、HTML、JavaScript 或者其他类型的文件进行压缩和优化,以提高加载速度和用户体验。而其中的一种优化手段就是使用十六进制颜色值来代替 RG...

    5 年前
  • npm 包:uglifyjs-webpack-plugin2 使用教程

    介绍 uglifyjs-webpack-plugin2 是一个与 Webpack 集成的 JavaScript 压缩插件。使用它,我们可以在打包时自动压缩 JavaScript 代码,提高网站的加载速...

    5 年前
  • npm 包 tic80-typescript 使用教程

    tic80-typescript 是一个 TypeScript 类型定义库,专为小型游戏开发而设计。本文将详细介绍如何使用该工具包及其相关特性。 安装 tic80-typescript 要使用 tic...

    5 年前
  • npm 包 json-stringify-extended 使用教程

    简介 json-stringify-extended 是一款能够将 JSON 对象转换成字符串的 npm 包,支持定制化配置,比原生的 JSON.stringify 更加灵活。

    5 年前
  • npm 包 jdf-ws 使用教程

    前言 在前端开发中,我们经常需要与后端进行接口交互,而 jdf-ws 是一个非常方便的 npm 包,可以帮助我们处理各种 HTTP 请求。本文将详细介绍 jdf-ws 的使用方法,帮助读者更好地理解其...

    5 年前
  • npm 包 simple-prompt 使用教程

    在前端开发中,有时候我们需要在命令行中与用户进行交互。简化用户输入和输出的过程是很必要的,而 npm 包 simple-prompt 恰好提供了这样的解决方案。简单、易用、可定制,是 simple-p...

    5 年前
  • npm 包 jdf-copy 使用教程

    前言 随着前端开发的不断发展,我们所接触的项目也变得越来越复杂。在这样的情况下,如何提高我们的工作效率和减少出错的概率变得尤为重要。其中,一个让我们事半功倍的好帮手就是 jdf-copy。

    5 年前
  • npm 包 tle.js 使用教程

    前言 在前端开发中,算法题和数据结构是很重要的一部分。但是在做算法题和数据结构题目时,重点是什么?时间复杂度,空间复杂度,还有测试用例。 其中,时间复杂度是最能反映算法运行效率的指标,也是判断算法优越...

    5 年前
  • npm 包 element-resize-event 使用教程

    在开发前端应用时,经常会遇到需要监听 DOM 元素的大小调整事件,以做出相应的响应。这时可以使用一个轻量级的 npm 包:element-resize-event。

    5 年前

相关推荐

    暂无文章