おすすめ拡張機能を紹介【VSCode】
本記事の内容
  • Visual Studio Codeのおすすめ拡張機能(プラグイン)を知りたい
  • あったら便利なプラグインを知りたい

と言う方に向けておすすめプラグインを紹介していきます。

1. 概要

「Visual Studio Code(以下VSCodeとする)」にとりあえずインストールしておきたい
おすすめの拡張機能(プラグイン)について紹介します。


2. Japanese Language Pack

2.1 Japanese Language Packとは?

VSCodeの表示言語を日本語にすることができるプラグインです。

Japanese Language Pack

3. Color Highlight

3.1 Color Highlightとは?

下の画像のようにカラーコード(16進数やhsl)の箇所に色が表示され、可視化してくれるプラグインです。
リロードしたりせずに色を確認できるので、とても便利です。

color-highlight

4. vscode-icons

5.1 vscode-iconsとは?

各ファイルをアイコン化してくれるプラグインです。
一目見ただけでどの拡張子のファイルがわかるので、探す手間が省けますね。
あと、とてもおしゃれです(^^)

vscode-icons

有効前
有効後

5. Partial Diff

5.1 Partial Diffとは?

選択範囲の差分を確認できるプラグインです。
以下のように差分を確認したいところを範囲選択することで、差分を取ることができます。

partial-diff

差分対象1
差分対象2

差分結果

6. まとめ

プラグインを入れることで作業効率をアップすることができるので積極的にインストールすることをおすすめします。