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