はじめに

個人的にVSCodeに入れていて便利な拡張機能の中で開発言語や分野に関わらずどのユーザーでも共通して使えそうな拡張機能をピックアップして解説してみましたのでぜひ読んでいってください。

Excel Viewer

VSCodeでExcelファイルを開こうとするとサポートされていないテキストエンコードを使用しているため、テキストエディターに表示されませんと表示されVSCode上でExcelファイル開くことが困難です。
Excel Viewerを導入すればそんな問題も解決することができます。
さらに、Excel以外にもCSVファイルをExcelのようにテーブル形式で表示できます。
csvファイルをテーブル形式で表示した例↓

ExcelやCSVが文字化けする場合は設定からAuto Guess Encodingで検索してチェックを入れた後に再度開くと直ります。

vscode-pdf

PDFもExcelと同じようにVSCode上で開くことができないため、この拡張機能を入れると見れるようになります。

PDFプレビュー画面↓

Error Lens

コード内のエラーや警告を視覚的に強調表示するツールです。エラーメッセージや警告メッセージが直接コード上に表示されるため、エラーの特定や修正が容易になります。

導入前↓

導入後↓

パッとみただけでエラー内容がわかるのが素晴らしいです。

Material Icon Theme

この拡張機能は、GoogleのMaterial Designアイコンセットに基づいており、ファイルやフォルダ、拡張子、ラベルなど、さまざまな要素に対してアイコンを提供し、ファイルやフォルダの種類を視覚的に識別しやすくなります。たとえば、フォルダはフォルダのアイコンで表示され、ファイルの種類に応じて異なるアイコンが表示されます（例: .htmlファイル、.cssファイル、.jsファイルなど）。