JSDoc 3 生成javascript API文档

一、javascript注释规范

  我们在编写javascript文件的时候,一般会添加一些注释。例如一些文件、类、方法和属性都应该用合适的标记和类型进行注释。这里不但方便我们的阅读,也能养成一个好的习惯。更大的好处是,我们可以根据这些注释生成帮助文档。如下就是一个比较规范的javascript注释例子。

/**
 * MyClass类
 * @class MyClass
 * @constructor
 */
function MyClass() {

	/**
	 * a属性
	 * @property a 
	 * @type int
	 **/
	var a = 0;

	/**
	获得A的值
	@memberof MyClass
	@method getA 
	@param returnType {int} 要设置的值
	@example   ele.setReturnType('0000');
	 **/
	function setA(a) {
		this.a = a;
	}

	/**
	设置A的值
	@memberof MyClass
	@method getA 
	@param returnType {int} 要设置的值
	@example   ele.setReturnType('0000');
	 **/
	function getA() {
		return a;
	}

}

二、JSDoc 3

  JSDoc 3是一个生成为Javascript生成API文档的工具。下载地址为:https://github.com/jsdoc3/jsdoc 。使用JSDoc 3 我们需要有Node.js环境。Node.js安装好之后,我们可以通过如下命令,可以按照最好的alpha版本:

npm install jsdoc@"<=3.3.0"

  在cmd输入该命令,回车。当显示如下结果的时候,说明JSDoc 3已经安装完成

  不过此时JSDoc 3并没被添加到系统环境下。此时我们可以在cmd中进入C:\Users\user\node_modules\.bin该目录下,输入jsdoc -v,会显示安装的版本。我们将要生成文档的js文件拷贝到这个文件夹下,在cmd里面输入命令jsdoc test.js,目录下会生成out文件目录,该目录里面就是生成的API 文档。

  文件上面的代码保存到test.js中,生成的API文档如下图所示

三、JSDoc 3相关配置了解

  1、我们使用JSDoc生成javascriptAPI文档,必须要使用规范的注释。该注释可以参考 http://usejsdoc.org/.

  2、为多个文件生成帮助文档

    此时我们可以配置C:\Users\user\node_modules\jsdoc目录下的conf.json.EXAMPLE文件。为这个文件source里面添加一行如下图所示:

  将要生成API文档的JS文件名称配置进入,然后将这写配置了的JS文件拷贝到C:\Users\user\node_modules\.bin这个文件夹里面。在cmd里面运行jsdoc,即可生成API文档。

  注意:可能我们生成的API文档会有乱码,因为JSDoc 3生成的API文档默认是使用utf8编码格式生成文档。当我们的js文件内容不是使用utf8的时候,就会产生乱码。此时我们将JS文件都改成utf8编码,然后重新生成帮助文档,这样就不会有编码问题。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js可以使用第三方库swagger-jsdoc和swagger-ui-express来生成Swagger文档。 首先,我们需要在项目中安装这两个库。可以使用npm命令进行安装,命令如下: ``` npm install swagger-jsdoc swagger-ui-express ``` 安装完成后,我们就可以开始编写Swagger文档了。在Node.js代码中,我们可以使用注释来指定API的详细信息,然后使用swagger-jsdoc将这些注释转换为Swagger文档JSON格式。 下面是一个简单的例子,展示如何使用swagger-jsdoc生成Swagger文档: ```javascript // 引入所需的库 const express = require('express'); const swaggerJsdoc = require('swagger-jsdoc'); const swaggerUi = require('swagger-ui-express'); // 创建Express应用 const app = express(); // 定义Swagger文档的选项 const options = { definition: { openapi: '3.0.0', // 使用的OpenAPI规范版本 info: { title: 'API文档', // API文档的标题 version: '1.0.0', // API的版本号 }, }, apis: ['./routes/*.js'], // 所有包含API路由的文件 }; // 使用swagger-jsdoc生成Swagger文档 const specs = swaggerJsdoc(options); // 将Swagger文档添加到Express应用中 app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(specs)); // 在其他路由中处理API请求 app.use('/api', require('./routes/api')); // 启动服务 app.listen(3000, () => { console.log('服务器已启动'); }); ``` 在上面的例子中,我们定义了一个Express应用,并将Swagger文档添加到了`/api-docs`路由上。我们也可以根据自己的需求修改路由路径。 接着,我们可以使用Swagger-UI展示这个Swagger文档。当我们运行这个Node.js应用并访问`/api-docs`路径时,就可以看到Swagger文档的界面了。 总结一下,我们可以使用swagger-jsdoc和swagger-ui-express这两个第三方库来在Node.js项目中生成Swagger文档。我们可以通过编写注释,然后使用swagger-jsdoc将这些注释生成Swagger文档JSON格式,最后使用swagger-ui-express展示这个Swagger文档

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值