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的學習成本較高,小伙伴們可以根據自己實際情況選擇


免責聲明!

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



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