如果大家对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
进行查看。
结果如下:
- 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.
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
-
-
-
-
-
-
-
-
-
-
-
-
- function add(num1,num2){
-
return num1 + num2;
- }
-
-
-
-
-
-
- function minus(num1,num2){
-
return num1 - num2;
- }
/**
* @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
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- function Person(username,age)
- {
-
-
-
-
-
this.username = username;
-
-
-
-
-
this.age = age
-
-
-
-
-
this.say = function(content)
- {
-
alert(this.username+" say :"+content);
- }
-
-
-
-
-
-
this.getJson = function(){
-
return "{name:"+this.username+",age"+this.age+"}";
- }
- }
/**
* @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** 是一个专为前端开发者设计的开源库,其主要功能是解析和处理JavaScript代码中的JSDoc注释,从而生成自定义的JavaScript对象。JSDoc 是一种标准化的注释语法,用于为JavaScript代码提供文档,它允许...
**JSDoc Oblivion:前端开源库的文档生成利器** 在前端开发中,代码的可读性和维护性至关重要。为了提高这些方面,开发者通常会使用文档注释来记录函数、类、接口等的用途和用法。而JSDoc(JavaScript ...
**UI5-JSDoc-Generator:前端开源库的文档自动化** UI5-JSDoc-Generator 是一个专为前端开发者设计的开源工具,主要用于生成UI5控件库的JSDoc文档。这个工具能够帮助开发者高效地创建和维护高质量的API文档,极大地...
**ljve-jsdoc-template** 是一个专为前端开发者设计的开源库,主要用于生成高质量的JSDoc文档。这个模板基于 **jsdoc 3** ,并为 **ljve.io** 提供了定制化的样式和布局,使得文档更具可读性和美观性。**ljve** 很...
本文将深入探讨JSDoc、Webpack以及jsdoc-webpack-plugin的原理和使用方法。 首先,我们来了解**JSDoc**。JSDoc是一种用于JavaScript的文档生成工具,它允许开发者在代码中添加特定的注释格式,这些注释可以描述函数...
`jsdoc-regex`是一个专门用于匹配JSDoc注释的开源库,它提供了一个更高级、更全面的正则表达式或者一套规则,用于解析JavaScript代码中的JSDoc注释。这个库可能包含了多种正则模式,以适应不同的注释结构和特殊需求...
**JSDoc 介绍** JSDoc 是一种用于 JavaScript 的文档生成工具,它通过解析源代码中的特定注释(以 `/** ... */` 形式)来收集关于函数、类、模块等的信息。这些注释通常包含参数、返回值、描述和例子,使得代码的...
前端开源库-jsdoc-strip-async-awaitjsdoc strip async wait,jsdoc plugin to strip async/wait keywords before parse.
**前端开源库-jsdoc-babel** 是一个专为前端开发者设计的工具,它结合了 **JSDoc** 和 **Babel** 的功能,为ES6及以上版本的JavaScript代码提供文档生成服务。JSDoc是一种注释规范,用于生成代码文档,而Babel则是一...
**JsDoc介绍** JsDoc是一种用于JavaScript编程的文档生成工具,它允许开发人员按照特定的注释规范在源代码中添加元数据,然后自动生成结构化的API文档。这个工具极大地提高了代码的可读性和维护性,尤其对于大型...
**前端开源库-grunt-jsdoc-to-markdown** `grunt-jsdoc-to-markdown`是一个非常实用的前端开发工具,主要用于将JavaScript代码中的JSDoc注释转换为Markdown格式的API文档,特别适合那些托管在GitHub上的项目。...
`jsdoc-md.zip` 文件集合了这两种工具的使用,旨在为前端开源库提供高质量的文档生成方案。 **JSDoc** JSDoc 是一种注释语法,用于在 JavaScript 代码中添加元数据,描述函数、类、变量等。这些注释可以被工具解析...
2. **注释你的代码**:在你的ljve.io项目中,使用 JSDoc 的注释语法来描述你的函数、类、模块等。例如: ``` /** * @class MyComponent * @description 这是一个示例组件 */ function MyComponent() {} /**...
**前端开源库-vigour-jsdoc2md** 前端开发中,文档编写是不可或缺的一部分,它有助于团队协作,提高代码可读性和维护性。`vigour-jsdoc2md` 是一个非常实用的工具,用于将 JavaScript 代码中的 JSDoc 注释块转换成 ...
在给定的博客链接()中,作者可能详细介绍了如何使用JSdoc-Toolkit,包括安装、配置以及实际应用案例,帮助读者更好地理解和使用这个工具。 ### 应用场景 JSdoc-Toolkit广泛应用于开源项目和企业内部开发,尤其在...
通过使用JSdoc,开发者可以轻松地为他们的代码提供清晰、结构化的文档,这对于团队协作和维护大型代码库尤其重要。 "atom-3en-jsdoc"插件则将JSdoc的功能集成到Atom编辑器中,使得在Atom内创建和维护Suitescript...
**前端开源库-thought-plugin-jsdoc** 在前端开发领域,代码文档是项目可维护性和团队协作效率的关键因素。`thought-plugin-jsdoc` 是一个专为前端开发者设计的开源插件,它将`JSDoc`注解整合到`thought`生成的`...
本文主要介绍`jsdoc-toolkit`,一个早期流行的JS Doc实现,以及如何使用它来增强代码可读性和维护性。 首先,了解`jsdoc-toolkit`的基础概念。它是一个开源项目,提供了处理JavaScript源代码并生成文档的命令行工具...
下面我们将深入探讨JsDoc Toolkit的核心功能、使用方法以及其在开发流程中的重要性。 ### 1. JsDoc 注释语法 JsDoc Toolkit 基于一套预定义的注释模板,这些模板基于JSDoc3的规范,例如`@param`, `@return`, `@...
安装"Atom Easy JSdoc"包,你可以将解压后的目录移动到Atom的包目录,或者使用Atom的内置包管理器进行搜索并安装。安装完成后,你可以在Atom的设置中配置快捷键,或者直接在代码中触发相应的快捷键来生成JSDoc模板。...