環境構築

VS Codeの拡張機能が動かない・反映されない

再起動・有効化・追加設定のどれかが足りていない

こんな症状

拡張機能をインストールしたのに機能しない。原因のほとんどは「再起動していない」「無効になっている」「追加設定が必要」の3つだよ。

まず試す

Ctrl+Shift+P →「Reload Window」でVS Codeを再読み込みする。

env

// settings.json（例: Prettierを保存時に効かせる）
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}

これで直らなければ、下の「自分のケース」を確認。

🔍 自分のケースはどれ？

✓インストール後まだ再起動していない
→ Ctrl+Shift+P →「Reload Window」で再読み込みする。
✓拡張が無効になっている
→ 拡張機能パネルで対象を開き有効化する（ワークスペース単位で無効のこともある）。
✓追加設定が必要（Prettier等）
→ 拡張のREADMEを見て、既定フォーマッター指定など必要な設定を入れる。

なぜ起きる？

よくある原因は4つ。(1) インストール後にVS Codeを再起動していない——言語サーバー系（Python等）やフォーマッター系は再起動するまで有効にならないことがあるよ。 (2) 拡張機能が無効になっている（グローバルでは有効でも、ワークスペース単位で無効になっていることがある）。 (3) 追加設定が必要——例えばPrettierは「既定のフォーマッター」に指定しないと保存時整形が動かない。 (4) 同じ機能の拡張が複数入っていて競合している。

✕ エラーが起きるコード

# 例: Prettierを入れたのに保存しても整形されない
# 1. 拡張機能「Prettier - Code formatter」をインストール
# 2. ファイルを編集して Ctrl+S
# 3. → 何も起きない（既定フォーマッター未設定 or 未再起動）

✓ 直したコード

// settings.json（Ctrl+Shift+P → "Open User Settings (JSON)"）
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}
// 設定後に Reload Window で反映