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

blank
By
Jugo Mobile
Jugo Mobile is a platform ...
32分で読む

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

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

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

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

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

  1. マウスを使用して、奇妙な単語またはその他の要素を選択します。
  2. を長押しします。 Ctrl + Alt キーの組み合わせ。
  3. 解放せずに Ctrl + Altを押して、 下矢印 キーを押して、元の行の下の行にある同じ単語を選択します。 必要なだけボタンを押してください。
    Visual Studio Code で Ctrl、Alt、下矢印キーを押す
  4. 置換する単語を入力します。
    Visual Studio Code での複数のカーソルの強調表示
  5. 完了したら、 ESC ボタンをクリックして複数行編集モードを終了します。

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

  1. 行内の編集したい場所を選択し、長押しします。 オプション + CMD キーの組み合わせ。
    VS Code で以下の行にカーソルを追加する
  2. ショートカットを押したまま、 下矢印 キーを押して、各行のその場所を選択します。

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

  1. 削除または置換したいコードの部分を強調表示し、長押しします。 Shift + Alt
    VS Code で以下の行にカーソルを追加する
  2. 解放せずに、 Shift + Alt 組み合わせて使用​​するには、 下矢印 キーを押して、他の行の同じ要素を強調表示します。

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

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

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

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

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

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

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

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

  1. オペレーティング システムに応じて、最初のセクションのショートカットを使用して複数の行を強調表示します。 たとえば、Windows ユーザーは、 Ctrl代替、 そして 下矢印 キー。
    VS Code で強調表示された行の末尾にカーソルを配置する
  2. をタップします。 Shift + オプション + I macOS デバイス上の組み合わせ。
  3. Shift + Alt + I Linux または Windows ユーザーの場合。

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

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

  1. いずれかの線にカーソルを置いて、開始点を選択します。 ストライクザ Ctrl + Alt + 下矢印 Windows または Linux の VS コードを作成している場合は、キーを押して元のカーソルの下にマルチカーソルを配置します。
    VS Code の現在位置の下にカーソルを追加する
  2. macOS コンピュータをお持ちの場合は、 CMD + オプション + 下矢印 キーを押して同じ動作を実行します。
  3. 必要に応じて、 Ctrl + Alt + 上矢印 キーを使用して、Windows または Linux 上で元のカーソルの上にマルチ カーソルを組み込みます。 macOS プラットフォームの場合は、 CMD + オプション + 上矢印 キーを押してカーソルを開始点の上に置きます。

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

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

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

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

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

  1. カーソルを追加したいコード部分を強調表示します。
    Visual Studio Code でのテキストの強調表示
  2. ストライクザ Ctrl + Shift + L Linux または Windows PC を使用している場合は、強調表示されたテキストが表示される場所にカーソルを置くためのキーの組み合わせ。
  3. 使用 CMD + Shift + L macOS プロフェッショナルの場合は、このショートカットを使用してください。

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

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

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

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

  1. ワークスペースを開いて、 Ctrl + , Windows または Linux オペレーティング システムを使用している場合は、キーの組み合わせ。
  2. を攻撃する必要があります CMD + 、 macOS で VS Code を使用している場合は、ショートカット。
  3. ボックスに「multiCursorModifier」という行を入力します。
    Visual Studio Code 設定での検索バーの強調表示
  4. デフォルトの修飾ボタンを次から変更します。 代替 より良く機能するものに。
    Visual Studio コード設定のマルチ カーソル モディファイア ドロップダウン メニューを強調表示する

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

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

  1. VS Codeを起動して選択しますファイル メインメニューから。
  2. に行く 環境設定ファイル そして、 キーボードショートカット の付いたウィンドウ CMD + K + CMD + S キーの組み合わせまたは macOS または Ctrl + K + Ctrl + S Windows および Linux のショートカット。 他の組み合わせ (S など) を押す前に、最初の文字 (K など) を放す必要があります。
    Visual Studio Code の[ファイル]ドロップダウンの[設定]メニューからキーボード ショートカットを選択する
  3. 変更したいショートカットのIDを入力します。 ここにあるいくつかの:
    • editor.action.insertCursorBelow
    Visual Studio コードのキーボード ショートカット メニューで editor.action.insertCursorBelow 設定を見つける
    • editor.action.inserCursorAbove
    Visual Studio コードのキーボード ショートカット メニューで editor.action.insertCursorAbove 設定を見つける
    • editor.action.selectHighlights
    Visual Studio Code のキーボード ショートカット メニューで editor.action.selectHighlights 設定を見つける
    • editor.action.addSelectionToNextFindMatch
    Visual Studio コードのキーボード ショートカット メニューで editor.action.addSelectionToNextFindMatch 設定を見つける
    • カーソル元に戻す
    カーソルの位置 Visual Studio Code のキーボード ショートカット メニューで設定を元に戻す
  4. ウィンドウの左側にある編集記号を使用して、対応するショートカットを変更します。
    Visual Studio Code の[キーボード ショートカット]メニューで、目的のキーボード ショートカットの新しいキーの組み合わせを入力します。

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

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

よくある質問

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

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

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

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

この記事をシェア
フォロー
Jugo Mobile is a platform dedicated to high-quality content in gaming, sports, and tech. Engage with high-quality content and connect with fellow enthusiasts and experts. Explore the latest trends and innovations in our vibrant community. Join us and experience the future today!