VSCode のおすすめ拡張機能をまとめてみた

VSCode に入れている、おすすめの拡張機能をまとめてみました

タップできる目次

VSCode の拡張機能

Japanese Language Pack for Visual Studio Code は、VSCode 上の UI を日本語化してくれる拡張機能です。一番最初に入れておきたい拡張機能

GitHub Theme は、GitHub 公式の Theme を使える拡張機能です。私は、一番見やすいなと思った「GitHub Dark Dimmed」を設定しています

Material Icon Theme は、フォルダやファイルのアイコンを変更することができる拡張機能です。デフォルトだと無機質なアイコンですが、この拡張機能を入れることで視認性が良くなりました

Code alignment は、指定した範囲の「＝」や「=>」などを揃えることができる拡張機能です

DotENV は、.env ファイルに対してシンタックスハイライトを行ってくれる拡張機能です。デフォルトだと.envファイルの中身が見にくいなと感じるので、この拡張機能を入れています

Excel Viewer は、Excel や CSV ファイルを VSCode 上で表示することができる拡張機能です。ソートやフィルタリングにも対応しています

indent-rainbow は、インデントを虹色に表示してくれる拡張機能です。インデントが強調され、見やすくなります

IntelliSense for CSS class names in HTML は、ワークスペースにある定義や link 要素から参照される外部ファイルに基づいて、HTML の class 属性に CSS のクラス名を補完してくれる拡張機能です

Log File Highlighter は、Log ファイルにシンタックスハイライトを行ってくれる拡張機能です

Marp for VS Code は、VSCode 上で Marp Markdown で書かれたスライドを作成することができる拡張機能です

Marp とは、Markdown からプレゼンスライドを生成してくれるツール

Rainbow CSV は、CSV をカラフルに表示してくれる拡張機能です。それ以外にも SQL ライクにクエリを投げたりすることもできます

Remote Development は、VSCode からリモートホストへ SSH 接続ができる拡張機能です

zenkaku は、全角スペースを可視化することができる拡張機能です