オススメVSCodeの拡張機能

こんにちは、にゅ〜ぶるです。

皆さんよくVSCodeを使われていると思うので、私が見つけたオススメ拡張機能を列挙していきます。
※随時追加していきますね!

オススメ拡張機能

見た目

まずは見た目編です。
各プログラミング言語の拡張機能は勿論のこと。
ソースが表示された時に、見やすい方が開発しやすいですよね!
そんな希望を答えてくれる拡張機能を紹介します。

Indent Rainbow

インデントに色をつけて見やすくしてくれます。
slimやsassなど、インデントが重要な物を使うときに便利!

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

Bracket Pair Colorizer

対になっている括弧に色をつけて分かりやすくしてくれます。
インデントだけではわかりづらい場合は勿論ですが、一緒に使うと便利です。

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

Color Highlight

カラーコードを指定している箇所に、その色を表示してくれます。
RGBのコードってパッと色が思い浮かばない時ありますよね!

https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight&ssr=false

Image Preview

画像へのパスを使っている箇所にカーソルを持っていくと、その画像が表示されます。
画像をいっぱい使っている場合に便利!

https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview

Peacock

VSCodeのウィンドウに色を付けれる拡張機能。
複数のプロジェクトを同時に開いたりするときに便利です!

https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock

Zenkaku

全角スペースを見やすくしてくれます。
ただそれだけ!笑 でも便利!

https://marketplace.visualstudio.com/items?itemName=mosapride.zenkaku

TODO Highlight

TODOにハイライト(色つける)にしてくれて、見やすくしてくれます。

https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

以上、ありがとうございました!
追加がありましたら、どんどん追加していきますので、お楽しみに!!!

その他、これいいぞ!!
と言うご意見ありましたら、コメントしていただけると助かります!!!