JSDoc を使用したドキュメントのサンプルコード

0 株式
0
0
0
0

導入

JSDoc これはJavaScriptでAPIドキュメントを生成するためのオープンソースツールです。開発者はコメントを使用してコードをドキュメント化できます。.

JSDoc を使用したドキュメントのサンプルコード

以下はメソッドをドキュメント化する方法の例です。

/**
* یک فایل را بر اساس شناسه بازیابی می‌کند.
* @param {string} id شناسه فایل.
* @returns {File} شی فایل.
*/
const getFileById = (id) => {
// کد...
}

JSDocをインストールする

JSDocをグローバルに使用するには、 npm インストール:

npm install -g jsdoc

または、次のように特定のプロジェクト用にインストールします。

npm install --save-dev jsdoc

JSDocの使い方

ドキュメントを追加する

コードのドキュメント化を始めるには、コメントを追加するだけです。 /** 各コード ブロック (モジュール、メソッド、クラス、関数など) の先頭に次のコードを追加します。

/**
* کاربر را با استفاده از ایمیل بازیابی می‌کند.
*/
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 コード ドキュメント ツールです。.

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

あなたも気に入るかもしれない