VS Code で複数の行を選択する方法

ペースの速いコーディングの世界では、すべてのキーストロークが重要です。 Visual Studio Code (VS Code) に没頭している開発者にとって、その機能を習得することで生産性が大幅に向上します。基本的なスキルの 1 つは、複数の行を素早く選択することです。これにより、リファクタリングからフォーマットまでのコーディングタスクを効率化できます。

この記事では、コードベースを精緻かつ迅速に操作できるようにする、VS Code 内のテクニックとショートカットについて説明します。経験豊富なプログラマーであっても、初心者であっても、このガイドは VS Code の複数行選択機能の可能性を最大限に引き出すための鍵となります。

VS Code で複数の行を選択する方法

典型的な VS Code ユーザーの場合、よくある問題、つまり各行に属さない要素に対処するために複数の行を選択する必要があることがよくあります。複数の行を選択すると、それらすべての行を一度に簡単に修正できます。

Windows PC でこのプログラムで複数の行を選択する方法は次のとおりです。

マウスを使用して、奇妙な単語またはその他の要素を選択します。
Ctrl + Altキーの組み合わせを押したままにします。
Ctrl + Altを放さずに、下矢印キーを押して、元の行の下の行にある同じ単語を選択します。必要なだけボタンを押してください。
置換する単語を入力します。
完了したら、Escボタンを押して複数行編集モードを終了します。

プロセスは macOS ユーザーにとっても同様に簡単です。

編集したい行内の場所を選択し、Option + CMDキーの組み合わせを押し続けます。
ショートカットを押したまま、下矢印キーを使用して各行のその場所を選択します。

Linux VS のコーダーであれば、複数の行を選択するのに問題はありません。

削除または置換するコードの部分を強調表示し、Shift + Alt を押したままにします。
Shift + Alt の組み合わせを放さずに、下矢印キーを使用して他の行の同じ要素を強調表示します。

次に、VS Code で 2 つのファイルを比較する方法を学習する必要があります。

VS Code に複数のカーソルを挿入する方法

複数の行を同時に編集する方法は、複数の行を選択することだけではありません。マルチカーソル機能を利用することもできます。マルチカーソルを追加すると、各行に同じ値を入力することで複数の行を同時に調整できます。

たとえば、次の手順を実行して、個々のカーソルをコードに組み込むことができます。

Windows または Linux PC を使用している場合は、最初の行をクリックし、Altボタンを押したままにして、クリックした行にマルチカーソルを配置します。または、macOS ユーザーの場合は、 Optionキーを押します。
マルチカーソルが必要なくなったら、Escボタンをタップしてワークスペースから削除します。 Esc は、すべてのオペレーティングシステムのユニバーサルキーです。

複数の行を選択して編集する際の生産性を飛躍的に向上させる、その他の便利なマルチカーソル関連の機能をいくつか紹介します。

カーソルを行末に配置する

一部のプロジェクトでは、各行の末尾にカーソルを置く必要があります。

オペレーティングシステムに応じて、最初のセクションのショートカットを使用して複数の行を強調表示します。たとえば、Windows ユーザーは、Ctrl、Alt、および下矢印キーを押し続ける必要があります。
macOS デバイスでShift + Option + I の組み合わせをタップします。
Linux または Windows ユーザーの場合は、Shift + Alt + I を押します。

現在のカーソルの下と上にカーソルを配置する

行末はカーソルの最適な位置ではない可能性があります。場合によっては、より具体的に、元のカーソルの下と上にそれらを配置する必要があります。

いずれかの線にカーソルを置いて、開始点を選択します。 Windows または Linux の VS コードを作成している場合は、 Ctrl + Alt + 下矢印キーを押して、元のカーソルの下にマルチカーソルを配置します。
macOS コンピューターをお使いの場合は、CMD + Option + 下矢印キーを使用して同じ操作を実行します。
必要に応じて、Ctrl + Alt + 上矢印キーを使用して、Windows または Linux 上の元のカーソルの上にマルチカーソルを組み込みます。 macOS プラットフォームの場合は、CMD + Option + 上矢印キーを押してカーソルを開始点の上に置く必要があります。

次の対応する位置にカーソルを配置します

開始点に最も近い線の一致部分にのみカーソルを置きたい場合は、これを実行します。

マウスを使用してその行を強調表示します。
Windows または Linux ユーザーの場合は、Ctrl + Dキーの組み合わせをタップします。 ( macOS コーダーの場合はCMD + Dです。) これにより、元の選択範囲の後にあるコードの一致する部分の隣にマルチカーソルが挿入されます。
必要に応じて、Windows および Linux でCtrl + Uショートカットを使用して一部のカーソルを削除します。
macOS ではCMD + U。このショートカットではカーソルが 1 つずつ削除されることに注意してください。組み合わせでは、すべての要素を一度に元に戻すことはできません。

対応するすべての位置にカーソルを配置する

カーソルを配置するとき、隣接する行のみにカーソルを組み込みたくない場合があります。代わりに、一致するすべての場所にそれらを追加する必要がある場合があります。これがどのように機能するかです。

カーソルを追加したいコード部分を強調表示します。
Linux または Windows PC を使用している場合は、 Ctrl + Shift + Lキーの組み合わせを押して、強調表示されたテキストが表示される場所にカーソルを置きます。
macOS のプロフェッショナルの場合は、CMD + Shift + Lショートカットを使用してください。

このメソッドは、変数名のすべてのインスタンスを変更する場合にも機能します。

VS Code でカーソルをカスタマイズする方法

VS Code で複数の行を選択して編集する場合、カーソルは非常に重要です。ただし、デフォルトの動作がプロジェクトに完全に適合しない場合があります。生産性を向上させるには、操作を調整し、別のキーバインドを使用する必要がある場合があります。

最初に行うことは、代替のマルチカーソルモディファイアを設定することです。

Windows または Linux オペレーティングシステムを使用している場合は、ワークスペースを開き、Ctrl + ,キーの組み合わせを使用します。
macOS で VS Code を使用している場合は、CMD + ,ショートカットを押す必要があります。
ボックスに「multiCursorModifier」という行を入力します。
デフォルトの修飾ボタンをAltからより適切に機能するものに変更します。

VS Code で調整できるキーバインドはこれだけではありません。設定メニューを使用すると、データ操作を容易にするためにカーソル関連のショートカットを変更できます。

これはエディタから実行できます。

VS Code を起動し、メインメニューから[ファイル]を選択します。
「ファイル」の下の「環境設定」に進み、 CMD + K + CMD + Sキーの組み合わせ、または macOSまたは Windows および Linux のCtrl + K + Ctrl + Sショートカットを使用して、 「キーボードショートカット」ウィンドウを表示します。他の組み合わせ (S など) を押す前に、最初の文字 (K など) を放す必要があります。
変更したいショートカットのIDを入力します。以下にその一部を示します。
• editor.action.insertCursorBelow

• editor.action.inserCursorAbove

• editor.action.selectHighlights

• editor.action.addSelectionToNextFindMatch

•cursorUndo
ウィンドウの左側にある編集記号を使用して、対応するショートカットを変更します。

VS Code の機能に任せてください

VS Code の便利なキーボードショートカットをいくつか学び、できるだけ多くのプロセスを自動化して、ソースコードエディターのマスターになりましょう。複数の行を選択してカーソルを微調整することは、出発点として最適です。さまざまな位置や機能を試して、各プロジェクトに最適なソリューションを見つけてください。

よくある質問

VS Code の行番号に基づいて行を選択できますか?

はい。 Ctrl + G キーボードショートカットを使用すると、ジャンプ先の行番号を選択できます。

VS Code は複数のファイルの行を同時に選択することをサポートしていますか?

はい、VS Code は「ファイル内検索」機能を使用して、複数のファイルの行を同時に選択します。Ctrl + Shift + F (Mac の場合は Cmd + Shift + F)を押して「ファイル内検索」ウィジェットを開き、検索条件を入力し、チェックボックスまたはキーボードショートカットを使用して検索結果の行を選択します。