VSCode PR

VSCodeで置換する方法|ショートカットキーで効率的に

記事内に商品プロモーションを含む場合があります

プログラミングの効率を上げる

VSCodeで置換を活用することで、複数のファイルや大量のデータを含むテキストに対して、手作業で1つ1つ編集するよりも素早く変更することができます。

本記事では、VSCodeでの置換方法や便利なショートカットについて詳しく解説します。

記事内で紹介するVSCodeの表示は日本語表示です。日本語化していない方はコチラの記事で日本語にしておきましょう。
VSCodeを日本語で使おう! >>

置換に関するショートカットキー一覧

操作ショートカットキー(Windows)ショートカットキー(Mac)
テキスト置換Ctrl + HCommand + Option + F
プロジェクト全体での置換Ctrl + Shift + HCommand + Shift + H

VSCodeのショートカットキーで神速に!おすすめショートカットキーやカスタマイズ方法などご紹介

テキスト置換(ファイル内)

  1. 置換するテキストを選択
  2. ショートカットキー(Windows:Ctrl + H,Mac:Command + Option + F)
  3. 「置換」フィールドに変換後のテキスト入力
  4. 「置換」アイコンをクリック(EnterでもOK)

ファイル内のテキストを一括で置換

ファイル内の同じテキストを一括で置換したい場合は、「置換」アイコンの横にある「すべて置換」アイコンをクリックします。

「すべて置換」アイコン

プロジェクト全体での置換

プロジェクト全体(複数のファイル)で置換をする場合は、「検索と置換」ウィンドウを使用します。

  1. 画面左にある「虫眼鏡」アイコンを押して検索と置換パネルを開く
  2. 「検索」フィールドに置換したい用語を入力(例:total)
  3. 「置換」フィールドに新しい変数名を入力(例:sum_total)
  4. 「すべて置換」をクリック

変数名の一括置換ならF2が便利

F2 キーを使用すると、選択した変数の名前を一括変更できます。

  1. 変数を選択
  2. 「F2」を押す
  3. 変数名を入力
  4. 「Enter」をクリック

VSCodeの置換機能を使いこなそう!

VSCodeの置換機能を使いこなすことで、複数ファイルにわたる変数名の変更、定数の更新など、様々な手間を省き時間を節約できます。シンプルな操作で使うことができるので積極的に活用してマスターしていきましょう。