複数のカーソルと選択範囲
WebStorm エディターで入力、コピー、貼り付けを行う場合、複数のカーソルを切り替えて、アクションが複数の場所に同時に適用されるようにすることができます。コード補完やライブテンプレートなどの高度なエディターアクションもサポートされており、各キャレットに適用されます。
ファイルに追加できるキャレットの数は 1000 に制限されています。この制限を増やす場合は、カスタム JVM オプション を開き、次の行を追加します: -Deditor.max.caret.count=<NEW_LIMIT>
最近追加されたキャレットはプライマリと見なされます。現在のエディターライン、補完リスト、その他の視覚的支援機能のハイライトは、プライマリキャレットに適用されます。このキャレットは、複数のキャレットをオフにしても残ります。
キャレットの追加と削除
コード行のどこにキャレットを追加できるかについては、2 つのオプションがあります。
既存の文字へ | 仮想空間の使用 |
---|---|
新しいキャレットを追加する位置に文字、タブ、空白がない場合、新しいキャレットはターゲット行の最後の文字位置に追加されます。 | このようにして、任意の行の最後の文字の後の任意の場所に新しいキャレットを追加できます。行の終わりを超えた位置で入力を開始するとすぐに、必要な数のスペースが行の終わりと入力の始まりの間に追加されます。 設定 Ctrl+Alt+S のエディター | 一般ページで行末以降へのキャレット移動を許可するチェックボックスを選択すると、仮想スペースを有効にすることができます。また、列選択モードでも仮想スペースが有効になります。 |
マウスを使用して、選択した場所でキャレットを追加または削除する
別のキャレットを追加するためのターゲット位置での Alt+Click。
複数のキャレットの 1 つにある Alt+Click を取り外します。最後のキャレットは削除されません。
キーボードを使用して現在のキャレットの上または下にキャレットを追加する
Ctrl を 2 回押してから、リリースせずに上下の矢印キーを押します。
仮想スペースが有効になっている場合、新しいキャレットは現在のキャレット位置の真上または真下に追加されます。それ以外の場合、現在のオフセットより短い行では、行の終わりにキャレットが追加されます。
列選択モードを有効にして(Alt+Shift+Insert を押す)、次に Shift+Up/Shift+Down を押します。
Ctrl+Shift+A を押して、キャレットをクローンと入力し、候補リストから目的のアクションを選択します。
デフォルトでは、これらのアクションはキーボードショートカットに関連付けられていないことに注意してください。キーボードショートカットの構成の説明に従って、これらのアクションにカスタムショートカットを割り当てることができます。
現在のドキュメントの各行にキャレットを追加する
Ctrl+Home を押して最初の行の先頭にキャレットを配置し、列選択モードを有効にして ( Alt+Shift+Insert を押して)、Ctrl+Shift+End を押します。
選択したブロックの各行の終わりにキャレットを追加する
エディターでコードブロックを選択し、Alt+Shift+G を押すか、メインメニューの
に移動します。
複数のキャレットを削除する
最後に追加されたものを除いて、既存のすべてのキャレットを削除するには、Esc を押します。
複数のキャレットの 1 つにある Alt+Click を取り外します。最後のキャレットは削除されません。
連続していない複数の範囲を選択する
複数のテキスト範囲を選択する場合(連続しない選択)、次のことに注意してください。
各選択範囲はそれぞれのキャレットに関連付けられているため、入力を開始して選択したすべての範囲を入力に置き換えるか、Left Arrow または Right Arrow を押して選択範囲を削除し、範囲の先頭 / 末尾に複数のキャレットを保持することができます。
選択範囲が重複するとすぐに、単一のキャレットで単一の選択範囲にマージされます。
選択はコード構造とは独立して機能します。つまり、選択範囲には、任意の文字、識別子、文字列リテラル内の単語、コメント、その一部を含めることができます。選択範囲を変更するときは、異なる識別子またはその一部が含まれる可能性があるため、注意が必要です。
複数の単語またはテキスト範囲を選択する
Alt+Click は新しいキャレットを追加しますが、単語をダブルクリックするか、テキスト範囲上でマウスをドラッグすると(同じキーを押したまま)、対応する選択項目とともに新しいキャレットが追加されます。
単語またはテキスト範囲の複数の出現を選択する
単語を選択する場合は、目的の単語が出現する位置にキャレットを置きます。それ以外の場合は、マウスまたはキーボードショートカットを使用して目的の範囲を選択します。
以下のいずれか 1 つを実行します:
Alt+J を続けて押して、大文字と小文字を区別して一致する単語またはテキスト範囲の次の出現箇所を見つけて選択します。
Ctrl+Alt+Shift+J を押して、文書内の大文字と小文字を区別して一致するすべての単語またはテキスト範囲を選択します。
最後に選択された出現箇所から選択を削除するには、Alt+Shift+J を押します。
2 番目または連続した選択が Alt+J で追加された後、それをスキップして、F3 で次の出現箇所を選択できます。選択を最後にスキップされた出現箇所に戻すには、Shift+F3 を押します。
文字列の複数の出現を見つけて選択する
Ctrl+F を押すか、メインメニューから編集 | 検索 | 検索を選択します。検索ペインはアクティブなエディターの上部に表示されます。
検索して選択する文字列を入力します。検索文字列の右側に、現在のドキュメントでの出現回数が表示されます。
必要に応じて、ケース
Alt+C で検索を制限するか、単語全体
Alt+W のみに一致するように制限します。
Ctrl+Alt+Shift+J を押すか、ツールバーのすべての出現箇所を選択
をクリックします。
マウスを使用して、通常の選択モードでテキストの長方形の断片を選択する
列選択モードが無効になっていることを確認してください。
範囲を単一の長方形として選択するには、次のいずれかを実行します。
キャレットを長方形の 1 つの角に配置し、次に Alt+Shift+Middle-Click を対角の反対側の角に配置します。
Alt+Click を選択し、マウスをドラッグして選択します。
範囲を複数の長方形の選択肢として選択するには、Ctrl+Alt+Shift+Click を実行し、コードの目的の部分にマウスをドラッグします。
その結果、影響を受ける各ドキュメント行に複数の選択範囲があります。長方形より短い行では、選択範囲は最後の文字までになります。
列選択モード
通常モードと列選択モードを切り替える
Alt+Shift+Insert を押します。
メインメニューで、
に移動します。エディターのコンテキストメニューから列選択モードを選択します。
列選択モードでは、現在のドキュメントのキーボードナビゲーションと選択ショートカットの動作が異なり、複数のキャレットの追加と長方形の選択を簡単に行うことができます。
任意の行の最後の文字の後の任意の場所にキャレットを配置できます。行末を超えた位置から入力を開始すると、行末と入力先頭の間に必要な数のスペースが追加されます。
Shift+Up/Shift+Down を押すか、マウスを上下にドラッグすると、連続して選択する代わりに、現在のキャレットの上 / 下に新しいキャレットが追加されます。
有効な列選択モードは、現在のエディタータブにのみ影響します。タブを閉じたり再度開いたりすると、通常モードに戻ります。
現在のドキュメントで列選択モードが有効になっている場合、ステータスバーに列インジケータが表示されます。
![カラムモード Column mode](https://resources.jetbrains.com/help/img/idea/2024.2/ws_column_mode.png)
複数のキャレットを使用してコピーして貼り付ける
複数のキャレットで選択されたテキスト範囲が Ctrl+C にコピーされるか Ctrl+X にカットされると、元の選択が同じ行にあったとしても、各キャレットの選択は別々の行としてクリップボードに配置されます。
列選択モードが有効になっている場合、行末の後に空のスペースを含めることもできます。選択範囲をコピーすると、これらはクリップボードの空白で置き換えられます。
クリップボードから複数行のコンテンツを貼り付ける場合、目的の場所の各行に複数のキャレットを追加し、Ctrl+V を押して各行をそれぞれのキャレットに貼り付けることができます。
関連ページ:
![](https://resources.jetbrains.com/help/img/idea/2024.2/ws_react_classname.png)
コード補完
コード補完は WebStorm エディターの重要な機能の 1 つです。補完候補を表示するために、WebStorm はプロジェクトファイルをソースコードで調べ、それらに定義されているクラス、メソッド、関数、変数を特別な内部インデックスに追加します。JSDoc のコメント、TypeScript 型定義などからの追加情報も、完成度を大幅に向上させることができます。補完はサードパーティのコードのシンボルに対しても機能します。ほとんどの場合、必要なのは、必要なファイルをプロジェクトに追加することだけです。こ...
![](https://pleiades.io/icons/webstorm.png)
ライブテンプレート
ライブテンプレートを使用して、ループ、条件、宣言、print ステートメントなどの一般的な構造をコードに挿入します。コードスニペットを展開するには、対応するテンプレートの省略形を入力してを押します。を押し続けると、テンプレート内の 1 つの変数から次の変数に移動します。を押して、前の変数に移動します。ライブテンプレートの種類:次のタイプのライブテンプレートが区別されます。シンプルなテンプレートは固定のプレーンテキストのみを含みます。単純なテンプレートを展開すると、そのテキストがソースコー
![](https://resources.jetbrains.com/help/img/idea/2024.2/ws_memory_indicator_on_status_bar_enable.png)
詳細な構成
IDE 設定で使用できる標準オプションに加えて、WebStorm を使用すると、基盤となるプラットフォームと Java ランタイムの低レベルの構成を実行できます。JVM オプション:WebStorm は、パフォーマンスを制御するさまざまなオプションを備えた Java 仮想マシン (JVM) 上で実行されます。WebStorm の実行に使用されるデフォルトのオプションは、IDE インストールディレクトリで指定されます。<IDE_HOME>\bin\webstorm64.exe.vmo...
![](https://resources.jetbrains.com/help/img/idea/2024.2/ws_keymap_settings.png)
キーボードショートカットを設定する
WebStorm には定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定ダイアログを開き、キーマップを選択します。WebStorm は、環境に基づいて事前定義されたキーマップを自動的に提案します。使用している OS と一致することを確認するか、使用している別の IDE またはエディターからのショートカットと一致するものを選択してください(たとえば、Eclipse または NetBeans)。キーマップは、対応するキ...
![](https://resources.jetbrains.com/help/img/idea/2024.2/ws_mainWindow.png)
ユーザーインターフェース
WebStorm でプロジェクトを開くと、デフォルトのユーザーインターフェースは次のようになります。プラグインのセットと構成設定によっては、IDE の外観と動作が異なる場合があります。ナビゲーションバー:フォーカス: 表示 / 非表示: ナビゲーションバーはプロジェクトビューの代わりとなるもので、プロジェクトの構造を確認したり、特定のファイルを開いたり、現在のファイル内の特定のコード要素に移動したりできます。メインウィンドウの下部にあるステータスバーにあります。ナビゲーションバーの位置は変更できま...
![](https://resources.jetbrains.com/help/img/idea/2024.2/ws_sticky_lines_settings.png)
固定行
固定行機能により、スクロール時に宣言や宣言などの重要な構造要素がエディターの上部に固定され、スコープが常に表示されるため、大きなファイルやコードベースですばやく移動できます。任意の固定行をクリックして、対応する宣言までエディターをスクロールすることもできます。デフォルトでは、固定行の最大数は 5 に設定されています。固定行数を設定するエディター内の固定行を右クリックし、固定行の構成をクリックします。を押して設定を開き、を選択します。最大行数フィールドの横に、必要な固定行の数を入力します。固定行を...