JavaScript ドキュメントの検索
PhpStorm は、標準の JavaScript API、プロジェクトとその依存関係からのシンボル、外部ライブラリで定義されたシンボルのリファレンスを示しています。ドキュメントポップアップでシンボルのドキュメントを表示し、リンクが利用可能な場合は外部サイトのドキュメントを開くことができます。
プロジェクトシンボルまたはプロジェクト依存のシンボルの場合、PhpStorm は対応する JSDoc コメント(英語)からドキュメントを生成します。
標準の JavaScript オブジェクトまたはメソッドの場合、PhpStorm は組み込み TypeScript 定義ファイル (英語) d.ts からの対応する JSDoc コメントを表示します。これらのファイルは PhpStorm にバンドルされており、定期的に更新されます。
d.ts ファイルにコメントがない場合、PhpStorm は対応する MDN 記事からの要約を表示します。
デフォルトでは、ドキュメントはドキュメントポップアップに表示されますが、いつでもドキュメントツールウィンドウで開くことも、デフォルトでドキュメントツールウィンドウに表示されるように設定することもできます。
ポップアップのクイックドキュメント
エディターで必要なシンボルの上にマウスを置きます。
シンボルにキャレットを置き、Ctrl+Q を押すか、メインメニューからを選択します。
Ctrl+Q をもう一度押して、ドキュメントツールウィンドウでこのドキュメントを開きます。
ポップアップで
をクリックしてフォントサイズを変更するか、クイックドキュメントツールバーを表示するか、ソースコードに移動します。
ポップアップで をクリックしてフォントサイズを変更したり、クイックドキュメントツールバーを表示したり、ソースコードに移動したりできます。詳細については、ポップアップのクイックドキュメントを参照してください。
ツールウィンドウのクイックドキュメント
デフォルト設定では、Ctrl+Q （）を押すと、ポップアップでクイックドキュメントが開きます。設定を変更して、ツールウィンドウにドキュメントを表示できます。
クイックドキュメントポップアップで、
をクリックし、ドキュメントのポップアップを前に表示オプションを無効にします。ドキュメントツールウィンドウで、ツールウィンドウツールバーの
をクリックし、ドキュメントのポップアップを前に表示オプションを無効にします。
ツールウィンドウで特定のコード要素のドキュメントを開き、現在のファイルの他の要素のドキュメントを表示し続けることができます。
ツールウィンドウでは、コードドキュメントが固定されていないタブ（アスタリスクシンボル（*）でマークされたタブ）に表示されます。このドキュメントを表示するには、シンボルにカーソルを合わせるか、キャレットを配置します。クイックドキュメントツールウィンドウ: モードを参照してください。
シンボルの MDN ドキュメント
ドキュメントポップアップ Ctrl+Q で、下部のリンクをクリックします。
Shift+F1 を押すか、メインメニューからを選択します。
PhpStorm は、デフォルトの PhpStorm ブラウザーで MDN 記事を開きます。
サードパーティの JavaScript ライブラリのドキュメント
必要なライブラリまたはフレームワークをダウンロードし、外部 JavaScript ライブラリとして構成し、外部ドキュメントへのリンクを指定します。詳細については、カスタムのサードパーティ JavaScript ライブラリの構成を参照してください。
シンボルにキャレットを置き、Shift+F1 を押すか、メインメニューからを選択します。
npm パッケージのドキュメント
package.json ファイルまたは
requireまたはimportステートメントで、パッケージの名前にキャレットを置き、キーを押します。Ctrl+Q
ブラウザーで npm 公式 Web サイト(英語)のドキュメントを開くには、ポップアップ内のリンクをクリックするか、Shift+F1 を押します。
関連ページ：
ドキュメントツールウィンドウ
デフォルトでは、PhpStorm はポップアップにクイックドキュメントを表示します。ツールウィンドウで表示するには、ポップアップでクリックしてドキュメントツールウィンドウで開くを選択するか、を 2 回押します。または前のページに切り替えるか、次のドキュメントページに移動します（たとえば、ハイパーリンクをクリックした後）。macOS では、3 本の指で右から左、左から右にスワイプするジェスチャーも使用できます。ドキュメントが現在開いているシンボルのソースコードに移動します。
コードリファレンス情報
パラメーター情報：パラメーター情報ポップアップには、メソッド呼び出しと関数呼び出しのパラメーターの名前が表示されます。PhpStorm は、エディターで左括弧を入力するか、候補リストからメソッドを選択すると、1 秒 (1000 ミリ秒) 以内に、使用可能なすべてのメソッドシグネチャーを含むポップアップを自動的に表示します。ポップアップが閉じている場合、または IDE がポップアップを自動的に表示しないように構成されている場合は、ポップアップを明示的に呼び出すことができます。これを行うには、を...
ブラウザー
PhpStorm には、HTML ファイルの出力の実行、デバッグ、プレビュー中に IDE から自動的にインストールおよび起動できる最も一般的なブラウザーの事前定義リストが付属しています。PhpStorm は、標準の手順に従ってブラウザーをインストールすることを前提としており、各インストールに、ブラウザーの実行可能ファイルまたは macOS アプリケーションへのデフォルトパスを表すエイリアスを割り当てます。デフォルトリストのブラウザーに加えて、カスタムブラウザーのインストールを設定できます。Php...
JavaScript ライブラリを構成する
言語と IDE のコンテキストでは、ライブラリはファイルまたはファイルのセットです。これらのファイルの関数とメソッドは、編集したプロジェクトコードから PhpStorm が取得する関数とメソッドに加えて、PhpStorm の内部知識に追加されます。プロジェクトのスコープでは、そのライブラリはデフォルトで書き込み保護されています。PhpStorm は、2 つの事前定義された自動生成ライブラリフォルダーを予約します。node_modules プロジェクト package.json のオブジェクトにリストさ...
JavaScript 後置テンプレート
後置コード補完では、入力したばかりの式の周囲にテンプレートコードを追加できます。ドットの後に略語（後置）を入力して展開キー（デフォルトでは）を押すか、コード補完ポップアップで略語を選択すると、テンプレートが展開されます。例: 式に適用された接尾辞は、それをステートメントでラップします。PhpStorm には、定義済みの後置テンプレートのセットが付属しており、独自のカスタム後置テンプレートを定義できます。カスタム後置テンプレートを作成するを参照してください。カスタムテンプレートはコピー、更新、削...