VS Code の拡張機能メモ

入れてる拡張

Astro
.astro ファイルの言語サポート

Auto-Open Markdown Preview
Markdown をプレビューで表示してくれる

Auto Rename Tag
⇨VSCodeに内臓されるようになりsetting.jsonに以下を書いておけばOKになった（インストール不要）

{
…,
"editor.linkedEditing": true,
"html.autoClosingTags": true,
"javascript.autoClosingTags": true,
"typescript.autoClosingTags": true,
…,
}

Claude Code for VS Code
Claude Code を使えるように

Container Tools – Visual Studio Marketplace
コンテナ化されたものを扱うために Docker など

CSS Peek 2026.01.29追加
HTMLの CSS 部分に Ctrl+hover することで詳細を見たり、F12 で CSS の該当箇所にジャンプできる

gettex 2024.02.09追加
.po ファイルなどのハイライト

Git Graph
Git リポジトリの履歴を表示したり、Gitアクションを実行できたりする

GitHub Actions
VS Code から GitHub Actions を操作

GitHub Copilot

GitHub Copilot Chat

GitHub Pull Requests 2025.07.08追加
プルリクを作成したり、確認したりできる

GitLens — Git supercharged
誰がこの行のコードを書いたのかや、編集履歴が表示できたりする

HTML CSS Support
HTML の id と class 属性の補完

indent-rainbow
インデントが分かりやすいよう色をつけてくれる

Insert <br> Tag
[Shift+Enter] で <br> が入れられる

Live Server
ローカルにサーバーを立てて表示確認できる　⇨脆弱性が発見され更新されてないので削除

Markdown PDF – Visual Studio Marketplace
Markdown のファイルを PDF に書き出し

Output Colorizer
出力/デバッグ/拡張パネルと *.log をカラー化して可読性をあげる

Project Manager
ワークスペースの切り替えを簡単にできるように

Python Debugger
Python のデバッグを debugpy でサポートする

Quokka.js
JavaScript / TypeScript を実行したりできる

Rainbow CSV
CSV をカラー化して可読性をあげる

~~Workspace Explorer~~
~~ワークスペースの切り替えを簡単にできるように~~
⇨2025/07/12 Cursorで動かないので Project Manager に乗り換え

zenkaku
全角スペースを表示

HTML End Tag Labels
HTMLタグの終了タグの後ろにコメントを表示して分かりやすくする

Vim
Vimぽい操作ができるようになる