uetennis’s diary

プログラミングについて学んだ事やライフハックについてかきます

VSCodeで文字列の置換のやり方(初学者向けです)

[初学者向け]VSCodeで文字列の置換のやり方

目的

以前、文字列を置換する時にやり方を知るのに時間がかかったのと、ファイル内の文字列を置換したいのに、ディレクトリ内のファイル全部の文字列を置換してしまい後悔したので、ブログにしました。

VSCodeとは?

azure.microsoft.com

VS Codeの大きな特徴の1つは、多種多様なプログラミング言語(やマークアップ)をサポートしていることだ(標準でサポートされている言語については、公式サイトの「Languages」ページ(英語)を参照)。つまり、多くの言語で構文ハイライトが行われたり、IntelliSenseによる入力補完機構を使用して快適なコード入力ができたりする。 引用元: www.atmarkit.co.jp

本でVSCodeのやり方を紹介されてます!

www.amazon.co.jp

動画で簡単なやり方を知りたい場合はこちらもおすすめ!

Visual Studio Code入門 (全13回) - プログラミングならドットインストール

文字列の置換とは?

「置換」とは、指定した文字列を希望する文字列に置き換える操作のことであり、最初に指定した文字列を「検索」してから「置換」するため、「検索」と合わせて「検索と置換」と括られることもあります。

www.724685.com

今回はVSCodeで文字の列の置換したいと思います!

ファイル内の文字列の置換

コマンド + fでファイル内の置換できます!

f:id:uetennis:20200704114704p:plain

f:id:uetennis:20200704114813p:plain

  • 上が置換前
  • 下が置換後 f:id:uetennis:20200704114119p:plain

  • 左側が1つだけ置換

  • 右側がファイル内すべて置換

f:id:uetennis:20200704114414p:plain

ディレクトリ内の全部のファイルの文字列を置換

次はディレクトリ内の全部のファイルを置換するやり方です。以前、この事を知らずに文字列を置換して、後悔した事があった。

f:id:uetennis:20200704115516p:plain

f:id:uetennis:20200704115334p:plain

  • ...を押すと含めるファイルと除外するファイルを指定できる

f:id:uetennis:20200704120740p:plain

正規表現について

正規表現を知っていると便利なので、こちらの記事も紹介させていただきます。

qiita.com

最後に

文字列の置換を知っていると便利なのと、ファイル内の文字列の置換だけをしたいのに、私が誤ってディレクトリ内の全部のファイルの文字列を置換してしまった経験からこちらのブログをかきました。参考にしてもらえると嬉しいです!