【VSCode】余計な空白を色付けして表示する方法と自動削除する方法（git diffの赤色表示をエディターに適用する）

git diffでコードをチェックした時に、不要なスペースが入っていると赤色で表示される。

これをコードエディタでも表示できるようにする方法。

## 設定手順

拡張機能でTrailing Spacesを検索し、インストールすればOK。

git diffと同じように不要なスペースが赤色でハイライトされた。

追加設定

settings.jsonを開き以下を追記すれば、機能を追加できる。

settings.jsonの変更方法

(1) ctrl + shift + p　でコマンド入力窓を表示する。
(2) settings.jsonを入力

(3) 「基本設定を開く」をクリック
(4) 指定のコードを追記する

{
  "workbench.iconTheme": "vs-minimal",
   
   省略
   
  "emmet.triggerExpansionOnTab": true,
  "editor.rulers": [80]
}

ハイライトの色の変更

{ "trailing-spaces.backgroundColor": "rgba(255,0,0,0.3)" }

rgbaで色を指定できる。４つ目の数値は透明度。1が透過なし。0が完全透過。

自動削除

保存した時に自動で削除する。

"trailing-spaces.trimOnSave": true