Skip to content

VSCodeのおすすめ拡張機能

QOLが上がるVSCodeの拡張機能集です。VSCodeの拡張機能タブで検索すれば出てきます。

1. Live Server

HTMLをlocalhostサーバーで立ち上げることができます。(今はまだ使わないかも)

2. テーマ変更

VSCodeの見た目を変更できます。筆者はOne Dark Proを使用しています。
ライト系のテーマはNoctisなどがよく使われている印象かも。 テーマを変えたいときには左下の設定アイコン(歯車)から「テーマ」→「配色テーマ」と進むと変更できます。

3. ファイルアイコンテーマ変更

ファイルアイコンのテーマも変更できます。よく使われるのはMaterial Icon Themeだと思います。

4. nyan-mode

猫が画面下側に生えます。かわいい alt text

5. Bongo Cat

猫が画面右下に生えます。かわいい alt text

6. Code Spell Checker

スペルミスを検出して青い波線で警告してくれます。ローマ字などにも反応してしまうのが難点ですが、それを差し引いても入れる価値があると思います。青い波線をホバー → クイックフィックス → Add: 〇〇 to user settingsで警告を消せます。

7. indent-rainbow

インデント(ソースコードの左端につける空白)に色をつけてくれます。これのおかげでインデントがわかりやすくなります。が、筆者はあまりこの機能の見た目が好みではないので自分で設定ファイルをいじって他の方法でインデントをわかりやすくしています。

8. ターミナルのテーマ変更

VSCodeとは関係ないですが、コンソールのテーマを変更することもできます。筆者は以下のWebサイトを見て設定しましたが、多分今ならAIに聞けば全部教えてくれると思います。 Oh My Poshを利用してPowerShellプロンプトをいい感じにする(バイナリインストール・Windows Terminal