導入
JSDoc これはJavaScriptでAPIドキュメントを生成するためのオープンソースツールです。開発者はコメントを使用してコードをドキュメント化できます。.
JSDoc を使用したドキュメントのサンプルコード
以下はメソッドをドキュメント化する方法の例です。
/**
* یک فایل را بر اساس شناسه بازیابی میکند.
* @param {string} id شناسه فایل.
* @returns {File} شی فایل.
*/
const getFileById = (id) => {
// کد...
}JSDocをインストールする
JSDocをグローバルに使用するには、 npm インストール:
npm install -g jsdocまたは、次のように特定のプロジェクト用にインストールします。
npm install --save-dev jsdocJSDocの使い方
ドキュメントを追加する
コードのドキュメント化を始めるには、コメントを追加するだけです。 /** 各コード ブロック (モジュール、メソッド、クラス、関数など) の先頭に次のコードを追加します。
/**
* کاربر را با استفاده از ایمیل بازیابی میکند.
*/
const getByEmail = async (email) => {
// کد...
}JSDoc タグを使用してさらに情報を追加することもできます。
/**
* کاربر را با استفاده از ایمیل بازیابی میکند.
* @async
* @method
* @param {String} email - ایمیل کاربر
* @returns {User} شی کاربر
* @throws {NotFoundError} اگر کاربر پیدا نشود.
*/
const getByEmail = async (email) => {
// کد...
}ドキュメント制作
コメントを追加した後、ドキュメントを Web サイトとして生成するには、次のコマンドを実行するだけです。
jsdoc path/to/my/file.js上級者向けヒント
設定ファイルの使用
プロジェクトが大きく、多数のファイルとフォルダーが含まれている場合は、構成ファイルを使用して JSDoc の動作をカスタマイズできます。
{
"source": {
"includePattern": ".+\\.js(doc|x)?$", // فقط فایلهای با پسوند .js، .jsdoc یا .jsx پردازش شوند.
"include": ["."], // تمام پوشهها بررسی شوند.
"exclude": ["node_modules"] // پوشه node_modules نادیده گرفته شود.
},
"opts": {
"destination": "./docs/", // مقصد تولید مستندات.
"recurse": true // پوشهها به صورت بازگشتی بررسی شوند.
}
}VSCodeでのサポート
VSCode エディターはデフォルトで JSDoc をサポートしており、コメント構造の自動補完や関数情報の表示などの機能を提供します。.
カスタムテンプレートを使用する
ファイルを作成することで、デフォルトのJSDoc形式を上書きすることができます。 レイアウト.tmpl 設定ファイルでカスタマイズして指定します。.
結果
JSDoc は、開発者がコードをより深く理解するのに役立つだけでなく、自動 API ドキュメント生成も提供する強力な JavaScript コード ドキュメント ツールです。.









