`

开源JsDoc的使用介绍

阅读更多
如果大家对JEE的深入研究有兴趣
可以加入Q群:46176507 共同进步学习
JsDoc:是js文档生成工具,它从javascript程序源代码中抽取类、方法、成员等注释信息形成一个和源代码配套的API帮助文档。
Java开源项目http://www.jsdoctoolkit.org/,它是一个功能强大的javascript文档生成工具。
下面我们来结束一下如何使用。
我们通过下载工具类库。
这里我们使用的是jsdoc_toolkit-2.1.0.zip也是当前的最高版本。
我们将这个文件解压。可以看到里面README.txt文件。



这里有详细的使用说明。【好像介绍到这里就可以了。当然你也可以继续读下】
这里我们需要通过命令行进行创建javascript文档。
java -jar jsrun.jar app/run.js -a -e=GB18030 -t=templates/jsdoc test/*.js
当然如果感觉通过命令行的方式比较麻烦,我们可以自行创建一个.bat文件
将上面的内容复制到该文件中,执行即可。
下面我来简单解释一下这其中的参数
-a 表示全部的方法
-e 表示对应的文件的编码根式 这里对应的是GB18030 默认的是utf-8
-t 表示生产doc的文档样式模板
这里的test/*.js表示在test目录下的全部javascript文件
执行完毕后将文档结果默认输出到/out/jsdoc目录下。当然这个目录也是可以定义的
具体参数可以使用
java -jar jsrun.jar app/run.js --help
进行查看。
结果如下:
Java代码 复制代码
  1. OPTIONS:   
  2.   -a or --allfunctions   
  3.           Include all functions, even undocumented ones.   
  4.   
  5.   -c or --conf   
  6.           Load a configuration file.   
  7.   
  8.   -d=<PATH> or --directory=<PATH>   
  9.           Output to this directory (defaults to "out").   
  10.   
  11.   -D="myVar:My value" or --define="myVar:My value"  
  12.           Multiple. Define a variable, available in JsDoc as JSDOC.opt.D.myVar.   
  13.   
  14.   -e=<ENCODING> or --encoding=<ENCODING>   
  15.           Use this encoding to read and write files.   
  16.   
  17.   -E="REGEX" or --exclude="REGEX"  
  18.           Multiple. Exclude files based on the supplied regex.   
  19.   
  20.   -h or --help   
  21.           Show this message and exit.   
  22.   
  23.   -n or --nocode   
  24.           Ignore all code, only document comments with @name tags.   
  25.   
  26.   -o=<PATH> or --out=<PATH>   
  27.           Print log messages to a file (defaults to stdout).   
  28.   
  29.   -p or --private  
  30.           Include symbols tagged as private, underscored and inner symbols.   
  31.   
  32.   -q or --quiet   
  33.           Do not output any messages, not even warnings.  
OPTIONS:
  -a or --allfunctions
		  Include all functions, even undocumented ones.

  -c or --conf
		  Load a configuration file.

  -d=<PATH> or --directory=<PATH>
		  Output to this directory (defaults to "out").

  -D="myVar:My value" or --define="myVar:My value"
		  Multiple. Define a variable, available in JsDoc as JSDOC.opt.D.myVar.

  -e=<ENCODING> or --encoding=<ENCODING>
		  Use this encoding to read and write files.

  -E="REGEX" or --exclude="REGEX"
		  Multiple. Exclude files based on the supplied regex.

  -h or --help
		  Show this message and exit.

  -n or --nocode
		  Ignore all code, only document comments with @name tags.

  -o=<PATH> or --out=<PATH>
		  Print log messages to a file (defaults to stdout).

  -p or --private
		  Include symbols tagged as private, underscored and inner symbols.

  -q or --quiet
		  Do not output any messages, not even warnings.


下面我们来创建test下的js文件
简单的方法标注
myjs.js
Java代码 复制代码
  1. /**  
  2.  * @fileOverview 简单的方法标注示例  
  3.  * @author <a href="llying.iteye.com">llying</a>  
  4.  * @version 0.1  
  5.  */  
  6.     
  7.  /**  
  8.  * @description 加法运算  
  9.  * @param {Num} num1 加数  
  10.  * @param {Num} num2 被加数  
  11.  * @return {Num} result 结果  
  12.  */  
  13. function add(num1,num2){   
  14.     return num1 + num2;   
  15. }   
  16.  /**  
  17.  * @description 减法运算  
  18.  * @param {Num} num1 减数  
  19.  * @param {Num} num2 被减数  
  20.  * @return {Num} result 结果  
  21.  */  
  22. function minus(num1,num2){   
  23.     return num1 - num2;   
  24. }  
/**
 * @fileOverview 简单的方法标注示例
 * @author <a href="llying.iteye.com">llying</a>
 * @version 0.1
 */
 
 /**
 * @description 加法运算
 * @param {Num} num1 加数
 * @param {Num} num2 被加数
 * @return {Num} result 结果
 */
function add(num1,num2){
	return num1 + num2;
}
 /**
 * @description 减法运算
 * @param {Num} num1 减数
 * @param {Num} num2 被减数
 * @return {Num} result 结果
 */
function minus(num1,num2){
	return num1 - num2;
}

类的方法标注
myjs2.js
Java代码 复制代码
  1.  /**  
  2.  * @fileOverview 简单的类对象标注示例  
  3.  * @author <a href="llying.iteye.com">llying</a>  
  4.  * @version 0.1  
  5.  */  
  6.  /**  
  7.  * @author llying  
  8.  * @constructor Person  
  9.  * @description 一个Person类  
  10.  * @see The <a href="#">llying</a >.  
  11.  * @example new Parent(“张三”,15);  
  12.  * @since version 0.1  
  13.  * @param {String} username 姓名  
  14.  * @param {Num} age 年龄  
  15.  */  
  16. function Person(username,age)   
  17. {   
  18.     /**  
  19.      * @description {Sting} 姓名  
  20.      * @field  
  21.      */  
  22.     this.username = username;   
  23.     /**  
  24.      * @description {Num} 年龄  
  25.      * @field  
  26.      */  
  27.     this.age = age   
  28.     /**  
  29.      * @description 弹出say内容  
  30.      * @param {String} content 内容  
  31.      */  
  32.     this.say = function(content)   
  33.     {   
  34.         alert(this.username+" say :"+content);   
  35.     }   
  36.     /**  
  37.      * @description 返回json格式的对象  
  38.      * @return {String} json格式  
  39.      * @see Person#say  
  40.      */    
  41.     this.getJson = function(){   
  42.         return "{name:"+this.username+",age"+this.age+"}";   
  43.     }   
  44. }  
 /**
 * @fileOverview 简单的类对象标注示例
 * @author <a href="llying.iteye.com">llying</a>
 * @version 0.1
 */
 /**
 * @author llying
 * @constructor Person
 * @description 一个Person类
 * @see The <a href="#">llying</a >.
 * @example new Parent(“张三”,15);
 * @since version 0.1
 * @param {String} username 姓名
 * @param {Num} age 年龄
 */
function Person(username,age)
{
	/**
	 * @description {Sting} 姓名
	 * @field
	 */
	this.username = username;
	/**
	 * @description {Num} 年龄
	 * @field
	 */
	this.age = age
	/**
	 * @description 弹出say内容
	 * @param {String} content 内容
	 */
	this.say = function(content)
	{
		alert(this.username+" say :"+content);
	}
	/**
	 * @description 返回json格式的对象
	 * @return {String} json格式
	 * @see Person#say
	 */	
	this.getJson = function(){
		return "{name:"+this.username+",age"+this.age+"}";
	}
}

现在我们可以运行java -jar jsrun.jar app/run.js -a -e=GB18030 -t=templates/jsdoc test/*.js









至此我们的js文档生成完毕。我们也无需羡慕JavaDoc了。

我们只是列出了常用的标签,至于更多的可以登陆到官方网站查看
http://code.google.com/p/jsdoc-toolkit/wiki/TagReference
分享到:
评论

相关推荐

    前端开源库-jsdoc-x

    **jsdoc-x** 是一个专为前端开发者设计的开源库,其主要功能是解析和处理JavaScript代码中的JSDoc注释,从而生成自定义的JavaScript对象。JSDoc 是一种标准化的注释语法,用于为JavaScript代码提供文档,它允许...

    前端开源库-jsdoc-oblivion

    **JSDoc Oblivion:前端开源库的文档生成利器** 在前端开发中,代码的可读性和维护性至关重要。为了提高这些方面,开发者通常会使用文档注释来记录函数、类、接口等的用途和用法。而JSDoc(JavaScript ...

    前端开源库-ui5-jsdoc-generator

    **UI5-JSDoc-Generator:前端开源库的文档自动化** UI5-JSDoc-Generator 是一个专为前端开发者设计的开源工具,主要用于生成UI5控件库的JSDoc文档。这个工具能够帮助开发者高效地创建和维护高质量的API文档,极大地...

    前端开源库-ljve-jsdoc-template

    **ljve-jsdoc-template** 是一个专为前端开发者设计的开源库,主要用于生成高质量的JSDoc文档。这个模板基于 **jsdoc 3** ,并为 **ljve.io** 提供了定制化的样式和布局,使得文档更具可读性和美观性。**ljve** 很...

    前端开源库-jsdoc-webpack-plugin

    本文将深入探讨JSDoc、Webpack以及jsdoc-webpack-plugin的原理和使用方法。 首先,我们来了解**JSDoc**。JSDoc是一种用于JavaScript的文档生成工具,它允许开发者在代码中添加特定的注释格式,这些注释可以描述函数...

    前端开源库-jsdoc-regex

    `jsdoc-regex`是一个专门用于匹配JSDoc注释的开源库,它提供了一个更高级、更全面的正则表达式或者一套规则,用于解析JavaScript代码中的JSDoc注释。这个库可能包含了多种正则模式,以适应不同的注释结构和特殊需求...

    前端开源库-jsdoc-md

    **JSDoc 介绍** JSDoc 是一种用于 JavaScript 的文档生成工具,它通过解析源代码中的特定注释(以 `/** ... */` 形式)来收集关于函数、类、模块等的信息。这些注释通常包含参数、返回值、描述和例子,使得代码的...

    前端开源库-jsdoc-strip-async-await

    前端开源库-jsdoc-strip-async-awaitjsdoc strip async wait,jsdoc plugin to strip async/wait keywords before parse.

    前端开源库-jsdoc-babel

    **前端开源库-jsdoc-babel** 是一个专为前端开发者设计的工具,它结合了 **JSDoc** 和 **Babel** 的功能,为ES6及以上版本的JavaScript代码提供文档生成服务。JSDoc是一种注释规范,用于生成代码文档,而Babel则是一...

    JSDoc 介绍使用规范JsDoc的使用介绍

    **JsDoc介绍** JsDoc是一种用于JavaScript编程的文档生成工具,它允许开发人员按照特定的注释规范在源代码中添加元数据,然后自动生成结构化的API文档。这个工具极大地提高了代码的可读性和维护性,尤其对于大型...

    前端开源库-grunt-jsdoc-to-markdown

    **前端开源库-grunt-jsdoc-to-markdown** `grunt-jsdoc-to-markdown`是一个非常实用的前端开发工具,主要用于将JavaScript代码中的JSDoc注释转换为Markdown格式的API文档,特别适合那些托管在GitHub上的项目。...

    前端开源库-jsdoc-md.zip

    `jsdoc-md.zip` 文件集合了这两种工具的使用,旨在为前端开源库提供高质量的文档生成方案。 **JSDoc** JSDoc 是一种注释语法,用于在 JavaScript 代码中添加元数据,描述函数、类、变量等。这些注释可以被工具解析...

    前端开源库-ljve-jsdoc

    2. **注释你的代码**:在你的ljve.io项目中,使用 JSDoc 的注释语法来描述你的函数、类、模块等。例如: ``` /** * @class MyComponent * @description 这是一个示例组件 */ function MyComponent() {} /**...

    前端开源库-vigour-jsdoc2md

    **前端开源库-vigour-jsdoc2md** 前端开发中,文档编写是不可或缺的一部分,它有助于团队协作,提高代码可读性和维护性。`vigour-jsdoc2md` 是一个非常实用的工具,用于将 JavaScript 代码中的 JSDoc 注释块转换成 ...

    jsdoc-toolkit

    在给定的博客链接()中,作者可能详细介绍了如何使用JSdoc-Toolkit,包括安装、配置以及实际应用案例,帮助读者更好地理解和使用这个工具。 ### 应用场景 JSdoc-Toolkit广泛应用于开源项目和企业内部开发,尤其在...

    Atom-atom-3en-jsdoc,用于Atom的JSdoc插件,3en用于所有Suitescript项目.zip

    通过使用JSdoc,开发者可以轻松地为他们的代码提供清晰、结构化的文档,这对于团队协作和维护大型代码库尤其重要。 "atom-3en-jsdoc"插件则将JSdoc的功能集成到Atom编辑器中,使得在Atom内创建和维护Suitescript...

    前端开源库-thought-plugin-jsdoc

    **前端开源库-thought-plugin-jsdoc** 在前端开发领域,代码文档是项目可维护性和团队协作效率的关键因素。`thought-plugin-jsdoc` 是一个专为前端开发者设计的开源插件,它将`JSDoc`注解整合到`thought`生成的`...

    js doc 工具推荐及使用(一):jsdoc-toolkit

    本文主要介绍`jsdoc-toolkit`,一个早期流行的JS Doc实现,以及如何使用它来增强代码可读性和维护性。 首先,了解`jsdoc-toolkit`的基础概念。它是一个开源项目,提供了处理JavaScript源代码并生成文档的命令行工具...

    jsdoc_toolkit

    下面我们将深入探讨JsDoc Toolkit的核心功能、使用方法以及其在开发流程中的重要性。 ### 1. JsDoc 注释语法 JsDoc Toolkit 基于一套预定义的注释模板,这些模板基于JSDoc3的规范,例如`@param`, `@return`, `@...

    Atom-atom-easy-jsdoc,atom编辑器的jsdoc热键。.对tgandrews/atom的贡献.zip

    安装"Atom Easy JSdoc"包,你可以将解压后的目录移动到Atom的包目录,或者使用Atom的内置包管理器进行搜索并安装。安装完成后,你可以在Atom的设置中配置快捷键,或者直接在代码中触发相应的快捷键来生成JSDoc模板。...

Global site tag (gtag.js) - Google Analytics