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編碼,然后重新生成幫助文檔,這樣就不會有編碼問題。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM