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