Jsdoc的安装及使用方法

Jsdoc的安装及使用方法

  jsdoc用于生成脚本文档的自动化工具

一、       安装

所有安装方式基于node环境使用npm安装,未安装node环境的小伙伴可参考:https://www.cnblogs.com/bluedream2009/archive/2012/03/17/2402843.html

jsdoc安装命令:

npm i jsdoc  -g (全局安装)

jsdoc ink-docstrap模板安装命令:

            在当前项目脚本目录下执行此命令

            npm install ink-docstrap(局部安装)

jsdoc tui-jsdoc-template模板安装命令:

            在当前项目脚本目录下执行此命令

            npm i -D tui-jsdoc-template(局部安装)

以上两种模板任选其一,以下模板未验证过:

二、       配置

放置在项目脚本根目录下

jsdoc ink-docstrap配置文件:

jsdoc tui-jsdoc-template配置文件:

配置部分示例:

"source": {

   "include": ["business","control","dialog","item","layer","lib","scene","sdk"], 需要遍历的目录                 

  "exclude": ["business/gameProtocol.js","scene/out"],    不需要遍历的目录

   "includePattern": ".+\\.(js|es)$"      

    }

基于现有项目的目录配置

"opts": {

        "template": "node_modules/tui-jsdoc-template", 文档所使用的模板

        "destination": "./docs_tui/"  文档输出目录

}

置修改,可参考

https://github.com/nhnent/tui.jsdoc-template

https://github.com/docstrap/docstrap

三、       使用jsdoc生成文档

进入到项目脚本根目录下,执行命令:

Jsdoc –c 配置名称.json

输入命令后,将按照配置文件中的配置项,相应生成,以上提供的两个配置文件,均已配置默认输出目录,可自由更改

四、       Jsdoc注释规范

注释规范参考:

https://www.css88.com/doc/jsdoc/index.html

 以下内容仅作为参考

 

 

工具

优点

缺点

JSDoc3

提供了完整的模板开发、事件触发等接口,使用非常灵活。

对代码要求比较严格,学习曲线较高。

YUIDoc

不止支持JS语言,更加抽象,如果同时使用了 Ruby/PHP/Python等语言YUI都可以使用。

功能更加抽象,具体实现方面考虑不全。

Dox

轻量级、高度可定制化,兼容JSDoc3语法。

后期会有较多问题需要自己解决。

Docco

行间注释方式,更注重实现过程的文档

不太适合API注释

JSDuck

代码实时修改、语法灵活、支持MarkDown语法,支持查看源码并且文档可读性较高,最主要的是上手非常快。

可定制化支持不足,略显臃肿。

 

总结:

建议代码中混合了es6的项目,jsdoc比较适合,在未使用es6的情况下,比较推荐jsduck

jsdoc的学习成本较高,小伙伴们可以根据自己实际情况选择

猜你喜欢

转载自www.cnblogs.com/hxl6/p/10234223.html