エディターの基本
WebStormエディターでコードを書いている間は、ショートカットでさまざまなタスクを実行できます。エディターウィンドウとツールウィンドウを切り替えたり、エディター内をナビゲートしたり、コードを編集、移動、折りたたむことができます。エディタータブを管理します。
エディター設定を構成して、必要に応じてエディターを動作させることもできます。
エディターと他のツールウィンドウ間を移動する
説明 | アクション | お役立ち情報 |
|---|---|---|
スイッチスキーム、キーマップ、またはビューモード。 | Ctrl+` | 切り替えメニューでオプションを選択し、Enterを押します。同じショートカットを使用して変更を元に戻します。 また、の視力不足の人とのキーマップ設定の人々のための高コントラスト配色を含む配色設定を見つけて調整することができます。 |
エディターペインを最大化する。 | Ctrl+Shift+F12 | この場合、WebStormは他のすべてのウィンドウを隠すため、現在作業しているエディターだけが開いています。 |
他のウィンドウからアクティブエディターへのフォーカスを切り替える。 | Escape | |
エディターに戻るをコマンドラインターミナルから削除します。 | Alt+F12 | ただし、この場合、WebStormはターミナルウィンドウを閉じます。 アクティブエディターに戻すときにターミナルウィンドウを開いたままにするには、 Ctrl+Tabを押します。 |
デフォルトのレイアウトに戻る。 | Shift+F12 | この場合、WebStormはプロジェクトツールウィンドウを非表示にします。ただし、メインメニューからを選択すると、現在作業中のレイアウトをデフォルトで保存し、同じショートカットを使用して元のレイアウトに戻すことができます。 |
使った最後にアクティブなウィンドウにジャンプします。 | F12 | |
スイッチャー付き開いているファイルとツールウィンドウの間をジャンプします。 | Ctrl+Tab | スイッチャーポップアップを開いたままにするには、 Ctrl を押し続けます。要素間を移動するには Tab を使用します。 Backspace を使用して、選択したファイルをリストから削除し、エディターで閉じます。 |
ナビゲーションバーにジャンプ。 | N/A |
エディター内をナビゲートする
行または列を検索する
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
デフォルトでは、WebStormは行番号をエディターに表示します。 | | 行番号を表示したくない場合は、行番号の表示チェックボックスをオフにします。 行番号の表示アクションにショートカットを割り当てることもできます。 |
エディター内の特定の行または/および列に移動します。 | Ctrl+G | 指定行/カラムへジャンプダイアログで、線または列の番号、またはその両方を、区切り記号として：を使用して指定し、OKをクリックします。 |
キャレット、編集された行、ファイルを検索する
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
エディターで現在のキャレットの場所を見つけます。 | Ctrl+M | この操作は、大きなプロジェクトがあり、ファイルをスクロールしたくない場合に役立ちます。 ただし、上へと下への矢印を使用して同じ効果を得ることもできます。 メインメニューからを選択し、探したいキャレットにある単語を強調表示します。 |
キャレットが現在どの要素に配置されているかを参照してください。 | Alt+Q | |
以前のキャレット位置を見つけます。 | Ctrl+Alt+Left | Ctrl+Alt+Right を使用して前方に移動します。 Ctrl+Shift+M を使用して、開始コードブロック波括弧と終了コードブロック波括弧を切り替えることができます。 Ctrl+Shift+[ / Ctrl+Shift+] ショートカットを使用してコードブロック間を移動することもできます。 |
最後に編集した場所に移動します。 | Ctrl+Shift+Backspace | |
最近編集したファイルのリストを表示します。 | Ctrl+Shift+E | |
最近使ったファイルを参照してください。 | Ctrl+E |
レンズモード
実際のスクロールをせずにコードをスクロールすることができます。マウスをスクロールバーに置くと、エディターでレンズモードがデフォルトで使用できます。
このオプションを無効にするには、エディターの右側にあるコード解析マーカーを右クリックし、コンテキストメニューからスクロールバーのホバーにコードレンズを表示するチェックボックスをオフにします。
または、次の手順を実行できます。
Ctrl+Alt+S を押して設定/環境設定ダイアログを開きます。
左のオプションから、を選択します。
右側のオプションから、スクロールバーのホバーにコードレンズを表示するチェックボックスをオフにします。
パンくずリスト
現在開いているファイルのクラス、変数、関数、メソッド、およびタグの名前を表示するパンくずリストを使用して、ソースコードをナビゲートすることができます。デフォルトでは、パンくずリストは有効にされ、エディターの下部に表示されます。
パンくずリストの位置を変更するには、パンくずリストを右クリックし、コンテキストメニューからパンくずリストとロケーションの環境設定を選択します。
パンくずリストの設定を編集するには、 Ctrl+Alt+S を押し、開いているページでを選択します。パンくずリストページで設定を調整し、OKをクリックします。
エディターのタブを管理する
エディターで開いているタブを閉じたり、非表示にしたり、切り離したりできます。編集のためにファイルを開くたびに、アクティブなエディタータブの隣にその名前のタブが追加されます。
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
すべて閉じるタブを開きました。 | この操作には、メインメニューを使用します。 | |
すべての非アクティブを閉じるタブ。 | Alt を選択し、アクティブなタブで | この場合、アクティブなタブだけが開いたままです。 |
アクティブなタブのみを閉じる。 | Ctrl+F4 | タブ上の任意の場所にあるマウスのホイールボタンをクリックして閉じることができます。 |
閉じたタブを再度開きます。 | この操作には、任意のタブのコンテキストメニューを使用できます。開いているタブを右クリックし、適切なアクションを選択します。 | |
タブ上の | | メインメニューと指定したパスを使用して、適切なオプションにアクセスします。 |
タブ間を移動する。 | Alt+Right / Alt+Left | |
タブを切り離す。 | Shift+F4 | メインウィンドウの外に必要なタブをドラッグし、タブをドラッグして追加することができます。 Alt+mouseも使用できます。 |
最近表示したタブまたはファイルを切り替える . | Ctrl+Tab | Ctrlを保持し続けると、スイッチャーウィンドウが開き、切り替え可能な他のファイルやツールウィンドウを選択できます。 |
エディターフレームのエディターのタブを別の部分に配置するまたはタブの除去。 | このアクションには、指定したパスと適切な配置オプションを選択できるメインメニューを使用します。 | |
エディターのタブをソートする . | このオプションにアクセスするには、メインメニューを使用します。 | |
エディターウィンドウを分割する。 | / | この操作には、タブのコンテキストメニュー（目的のエディタータブを右クリック）を使用します。エディターウィンドウの分割方法（縦または横）を選択します。 WebStormは、エディターの分割ビューを作成し、選択した場所に配置します。 エディターを分割せずにファイルを移動するには、右に移動または下へ移動オプションを選択します。 |
開いているタブのショートカットを割り当てる。 | | Ctrl+Alt+S を押して設定/環境設定ダイアログを開きます。ショートカットを割り当てることができるタブの制限は9です。 |
をクリックします。タブの制限
WebStormはエディターで同時に開くことのできるタブの数を制限します（デフォルトタブの制限は10です）。
デフォルトのタブ制限を変更する
Ctrl+Alt+Sを押します。
左のオプションから、を選択します。
右側のオプションから、タブの終了ルールセクションで設定に応じて設定を調整し、OKをクリックします。
スペースがなくなったらエディタータブを隠す
Ctrl+Alt+Sを押します。
左のオプションから、を選択します。
右側のオプションから、スペースがない場合はタブを非表示にするオプションを選択します。余分なタブは、エディターの右上にあるドロップダウンリストに配置されます。
コードの編集
選択、移動、コードのコピー
説明 | アクション | お役立ち情報 |
|---|---|---|
コードの選択範囲を拡張します。 | Ctrl+W | プレーンテキストの場合、選択は単語全体から開始され、文、段落などに拡張されます。 コード行では、選択は同じように機能します。小さな部分から始まり、より大きなコード構造に選択を増加させます。 例：vararg引数を含むメソッド呼び出しでこのアクションを連続して押すと、最初にvararg引数が選択され、次にvararg引数のグループ全体が、次にメソッド呼び出しのすべての引数が選択されます。 |
コード選択を縮小する。 | Ctrl+Shift+W | |
ファイル内の一致する出現箇所を探します。 | コードを最初に選択し、同じキーをもう一度押します: Alt+J | または、コードを複数選択するには、 Shift+Alt を押して、左マウスボタンをダブルクリックします。 |
ファイル内のすべての出現を探します。 | Ctrl+Shift+Alt+J | F3 または Shift+F3 を使用して、キャレットを次または前の出現箇所に移動します。 |
次/前の選択された識別子の発生を検索します。 | Alt+Wheel down / | |
参照のコピー/貼り付け | Ctrl+Shift+Alt+C / Ctrl+V | 問題の行または記号にキャレットを置きます。 |
貼り付け。 | Ctrl+Shift+V | このアクションを使用すると、適切なダイアログが開きます。エントリを選択し、貼り付けをクリックします。 にある制限セクションでクリップボードスタックの深さを設定できます。 指定された数を超えると、最も古いエントリがリストから削除されます。 |
変更を元に戻すかやり直す。 | Ctrl+Z / Ctrl+Shift+Z | |
波括弧をハイライト | ブロックを閉じる波括弧 / 角括弧の直後、またはブロック開口波括弧 / 角括弧の前にキャレットを配置します。 |
新しいクラス、ファイル、またはパッケージを追加する
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
新しいクラス、ファイル、またはパッケージを作成する。 | Ctrl+Alt+Insert | フォーカスがプロジェクトツールウィンドウ内にあり、新しい要素を追加する場合は、 Alt+Insertを押します。 |
新しいスクラッチファイルを作成します。 | Ctrl+Shift+Alt+Insert . |
行とコードブロックの追加、移動、削除、コピー
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
後に行を追加するは現在のものです。 | Shift+Enter | WebStormは、キャレットを次の行に移動します。 |
前に行を追加するは現在のものです。 | Ctrl+Alt+Enter | WebStormは、キャレットを前の行に移動します。 |
行を複製する。 | Ctrl+D | |
行を削除する。 | Ctrl+Y | |
行を上下に移動する。 | Shift+Alt+Up / Shift+Alt+Down | |
コード要素を移動するを左または右に移動します。 | Ctrl+Shift+Alt+Left / Ctrl+Shift+Alt+Right | キャレットを目的のコード要素に配置するか、移動する要素を選択し、適切なショートカットを押します。 |
現在のステートメントの補完。 | Ctrl+Shift+Enter | 構造体、スライス、およびその他のコンポジットリテラルに必要な後続のカンマを自動的に挿入します。キャレットを、次のステートメントの入力を開始できる位置に移動します。 |
行を結合。 | Ctrl+Shift+J | 他の行を結合したい行にキャレットを置き、ショートカットを押します。必要な要素がすべて結合されるまで、ショートカットキーを押し続けます。文字列リテラル、フィールドまたは変数宣言、およびステートメントを結合することもできます。WebStormはコードスタイルの設定をチェックし、不要なスペースや冗長な文字を排除します。 |
2つの部分に文字列リテラルを分割します。 | Enter | WebStormは文字列を分割し、正しい構文を提供します。文字列を '\n' で区切る インテンションを使用して、文字列リテラルを分割することもできます。 |
大文字と小文字の切り替え。 | Ctrl+Shift+U | トグルケースアクションをCamelCaseの名前形式に適用すると、WebStormはその名前を小文字に変換します。 |
コードのブロックのコメント化またはコメント解除。コードブロックを選択し、ショートカットを押します。 | Ctrl+Shift+/ | 1行のコードについては、 Ctrl+/を押します。 |
デフォルトで有効になっているドラッグ・アンド・ドロップ操作を使用して、エディターでコードフラグメントを移動またはコピーします。 | | アイテムを移動する場合は、コードの目的のフラグメントを選択し、フラグメントをターゲットの場所にドラッグします。 コード選択をコピーする場合は、 Ctrl キーを押したままにして、目的の場所にドラッグします。 |
複数のキャレット
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
複数のキャレットを追加または削除します。 | Shift+Alt を選択し、キャレットの位置でマウスの左ボタンをクリックします。 | または、 Ctrl （WindowsまたはUNIXの場合）/ Alt （macOSの場合）を2回押してから離すことなく、上へまたは下への矢印キーを押すことができます。 |
複数のキャレットの場所の設定オプションを設定します。 | ( 仮想スペースセクション) | |
列選択モードを有効にして、複数の列でコードを選択します。 | Shift+Alt+Insert 同じショートカットを押してモードを無効にします。 | 複数行のコードを同時に編集する場合に役立ちます。必要な記号にキャレットを置き、上または下にドラッグするか、コードブロックを選択して指定されたショートカットを押して同じ結果を得ます。  デフォルトでは、このモードは無効になっています。 |
ステートメントの移動、アンラップ、および削除
次のショートカットを使用してステートメントを移動できます。
上へ - Ctrl+Shift+Up
下へ - Ctrl+Shift+Down
文の移動が現在のコンテキストで許可されていない場合、コマンドは無効になります。また、WebStormは選択された文を構文チェックを実行するように移動します。
ステートメントのラップ解除または削除
抽出または展開したい式にキャレットを置きます。
Ctrl+Shift+Deleteを押します。
目的のアクションを選び、Enterを押します。
パラメーターのヒント
パラメーターのヒントは、コードを読みやすくするためのメソッドや関数のパラメータ名を示します。デフォルトでは、パラメータヒントは有効にされ、リテラルまたは関数式であるが名前付きオブジェクトではない値に対してのみ表示されます。
パラメータのヒントを設定する
Ctrl+Alt+S を押して設定/環境設定ダイアログを開きます。
左のオプションからを選択します。
パラメータ名のヒントを表示するチェックボックスの横にある構成をクリックします（チェックボックスはデフォルトで選択されています）。表示されたダイアログで、パラメータ設定を行い、OKをクリックします。
折り返しコード要素
折りたたまれたコードフラグメントは、網掛けの楕円（
）として示されています。折りたたまれたコードフラグメントにエラーがある場合、WebStormは折りたたまれたフラグメントを赤でハイライト表示します。
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
折りたたみ/展開コード（折りたたみまたは展開）コードフラグメント。 | Ctrl+NumPad - / Ctrl+NumPad Plus | WebStormは、現在のコードフラグメントを折りたたんだ/展開します（例えば、単一のメソッド）。 |
すべて折りたたむ/展開するコード断片。 | Ctrl+Shift+NumPad - / Ctrl+Shift+NumPad Plus | この場合、WebStormは選択範囲内のすべてのフラグメントを折りたたむ/展開します。選択されていない場合は、ファイル内のすべてのメソッドなど、現在のファイル内のすべてのフラグメントを展開または展開します。 |
再帰的にコードを折りたたんだ/展開する。 | Ctrl+Alt+NumPad - / Ctrl+Alt+NumPad Plus | この場合、WebStormは、現在のフラグメントと、そのフラグメント内のすべての下位領域を折りたたみ/展開します。 |
コードの折りたたみブロック。 | Ctrl+Shift+. | このアクションは、一致した中括弧波括弧 {}のペアの間でコードフラグメントを折りたたみ、そのフラグメントのカスタム折りたたみ領域を作成し、折りたたみ可能にします。 |
現在のファイルのドキュメントのコメントを折りたたむ/展開します。 | ||
折りたたむ/展開するカスタムコードの選択。 | Ctrl+. | 手動で選択した領域をコード内で折りたたんだり展開したりすることができます。 |
現在のフラグメントとすべてのネストされたフラグメントを展開する | Ctrl+NumPad *, 1 | 現在のフラグメントを指定されたネストレベル（1から5まで）まで拡張することができます。 ショートカットのレベル番号を適宜変更して、必要な結果を確認します。 |
ファイル内の折りたたまれたすべてのフラグメントを展開する | Ctrl+Shift+NumPad *, 1 | 折りたたまれたフラグメントは、指定された入れ子レベル（1〜5）まで展開できます。 ショートカットのレベル番号を適宜変更して、必要な結果を確認します。 |
アクションを使用してコードを折りたたんだ/展開します。 | Ctrl+Alt+T を選択し、 | Ctrl+Alt+. を押して、作成したカスタム領域に移動することができます。 |
左側のガターに現れるコード折りたたみのアウトラインを無効にします。 | オプションをクリアする必要があります。 |
再フォーマットとコードの並べ替え
WebStormでは、コード・スタイル設定で指定した要件に従ってコードを再フォーマットできます。
設定にアクセスするには、を選択します。また、配置タブで指定した配置ルールに基づいてコードを並べ替えることもできます。
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
現在のファイルのコードを再フォーマットする。 | Ctrl+Alt+L / | エディターで、再フォーマット/再配置するコードフラグメントを選択し、これらのオプションをそれぞれ選択します。 |
詳細については、ファイルの再フォーマットダイアログを呼び出してください。 | Ctrl+Shift+Alt+L | |
フォルダーの再フォーマット。フォルダーを選択して Ctrl+Alt+Lを押します。 | Ctrl+Alt+L / | |
一部のコードを再フォーマットから除外する。 | フォーマッター制御タブ、コメントでフォーマッター・マーカーを使用可能にするオプション。 | エディターで、除外するリージョンの先頭で、行コメント（Ctrl+/）を作成し、リージョンの最後に |
ファイルのグループを除外して再フォーマットする。 | フォーマッター制御タブ、コメントでフォーマッター・マーカーを使用可能にするオプション。 | フォーマッター制御タブで、コメントでフォーマッター・マーカーを使用可能にするを選択した後、スコープエリアがアクティブになり、 |
指定された設定に基づいて再フォーマット行インデント。 | Ctrl+Alt+I | 設定を指定するには、の言語ページにあるタブとインデントタブを使用します。 |
アイコンをクリックして
クイックポップアップを使用する
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
シンボルのクイック定義を見る (タグ、クラス、メソッド/関数、フィールドなどがあります。) | Ctrl+Shift+I | WebStormは情報をポップアップで表示します。必要に応じて、 |
クイック・ドキュメントをコード要素またはファイルとして表示します。 | Ctrl+Q | WebStormは適切な情報をポップアップ表示します。 Ctrl+Q を2回押して、ドキュメンテーションツールウィンドウでポップアップを開くことができます。（同じショートカットキーを押してポップアップに戻ります）。 クラス（Ctrl+N）を探すときにクイックドキュメントポップアップを呼び出すと、リストに表示されているどのクラスでもドキュメントを参照できます。フォーカスをポップアップに切り替えるには、同じショートカットを押します。 |
コンテキスト情報を見る | Alt+Q | アクションには、現在のメソッドまたはクラス宣言が表示されていないときに表示されます。 |
キャレットでエラーの説明または警告を表示します。 | Ctrl+F1 | コード分析マーカーをクリックすると、見つかったエラーのリストが表示されます。 F2 または Shift+F2 を使用して、次または前のエラーにナビゲートします。 |
ツールチップのテキストをクリップボードにコピーします。 | Alt をホールドし（Linuxでは Ctrl+Altを押したまま）、ツールチップをクリックする | |
すべてのコード要素の用途を表示します。 | Ctrl+Alt+F7 | ハイライト表示を制御するには、（波括弧の強調表示領域）のキャレットの要素の強調表示オプションを選択またはクリアします。 節電モード（）をオンにすると、使用箇所は強調表示されません。 |
インポートポップアップメッセージを有効/無効にします。 | のインポートを最適化した後に通知を表示するを選択またはクリアする ( フォーマットセクション) |
アイコンをクリックして、項目の定義と用途を示す
アイコンをクリックし、表示されるウィンドウで、好みに応じてフォントサイズを変更します。
をクリックするか、Shift+F1を押します。スペルチェック
すべてのソースコード、文字列、コメント、リテラル、コミットメッセージのスペルが正しいことを確認するには、タイポ インスペクションを使用します。このインスペクションは定義された辞書とあなたのコードをチェックし、もしあればハイライトのタイプミスをします。
スペルチェッカーのカスタムディクショナリは、設定/環境設定ダイアログのページの辞書タブにあるカスタム辞書セクションで設定できます。
強調表示された単語のスペルを確認するには、 Alt+Enter を押して使用可能なインテンションアクションを表示し、適切なアクションを選択します。
事前定義辞書とカスタム辞書を構成するには、 Ctrl+Alt+Sを押してを選択し、適切なオプションを指定します。
タイポ インスペクションの設定を行うには：
Ctrl+Alt+S を押してを選択します。
インスペクションタイプのリストで、スペルノードを展開し、タイポをクリックして、スペルチェックオプションを設定します。
ファイルエンコーディングの設定
画面の下部にあるステータスバーでファイルのエンコーディングを選択できます。
WebStormはあなたのファイルで何をしたいかを決めるダイアログを開きます。再ロードまたは変換をクリックすることができます。
(再ロードを選択した場合は、ディスクからエディターでファイルを読み込み、エンコーディングの変更がエディターにのみ適用されます。変換を選択すると、ディスク上のファイルが選択したエンコーディングで上書きされます。)ファイルエンコーディングの設定を設定するには、 Ctrl+Alt+Sを押し、を選択します。
エディター設定
エディター設定を構成して、エディターの動作をカスタマイズすることができます。
説明 | アクション/アクセス | お役立ち情報 |
|---|---|---|
設定にアクセスしてください。 | Ctrl+Alt+S | メインメニューを使用してを選択することもできます。 |
検索フィールドから設定ダイアログ内をナビゲートします。 | 検索フィールド | |
タブとインデント、スペース、折り返しおよび括弧、ハードマージン、ソフトマージンなどのコードのフォーマットの設定を行います。 | コード・スタイルページと適切な言語を使用してください。 | |
フォントページでフォント、サイズ、フォントの合字を設定します。 | たとえば、以前に色スキーム・フォント設定を保存していた場合は、メイン設定が上書きされます。適切な通知のリンクがフォントページに表示されます。 | |
一般ページでエディターのフォントサイズを変更してください。 | （マウス部分） | エディターで、 Ctrlを押して、ホールドし、マウスホイールを使ってフォントを調整します。 |
異なる言語とフレームワークのカラー・スキームの切り替え設定を構成します。 | カラー・スキームの切り替えノードを開き、必要なノードを選択します。リストから一般オプションを使用して、コード、エディター、エラーと警告、ポップアップとヒント、検索結果などの一般的な項目のカラースキーム設定を構成することもできます。 | |
コード補完オプションを設定するには、コード補完ページを使用します。 | 大文字と小文字の区別の設定、コードのソート方法の設定、自動表示オプションの設定などを行うことができます。 | |
一般ページから、行末以降へのキャレット移動を許可するなどのキャレットの配置オプションを設定します。 | このオプションを選択すると、次の行のキャレットは前の行の終わりと同じ位置に配置されます。このオプションをオフにすると、次の行のキャレットは実際の行の最後に置かれます。 また、タブ文字内へのキャレット移動を許可するオプションを選択することもできます。このオプションは、ファイル内を上下に移動してキャレットを同じ位置に置いておきたいときに役立ちます。 | |
保存時に末尾のスペースの動作を設定します。 | コードを手動または自動で保存し、保存時に行末のスペースを除去するリストでどのオプションが選択されているかにかかわらず、キャレット行の末尾のスペースを保持したい場合は、キャレット行末尾の空白を保持するオプションを選択します。 | |
外観ページでエディターの外観オプションを設定します。 | 例：行番号を表示するか、ハードラップガイドを表示するかを設定できます。 | |
ソフト折り返しセクションを通して長いコード行の外観を管理する | ||
異なる基本的なエディターアクションに対して特定の動作を設定します。 |