👨‍💻

VSCodeをアップデートしたらSVGがコードで表示されなくなった場合の対処法

2025/02/13に公開

SVGのコードが見れない...

いつも通りSVGファイルをVSCodeで開いてコードを確認しようとしたら、プレビューだけが表示されておりコードを確認できなくなっていました。

Issueでも同様の現象が報告されていました。

https://github.com/microsoft/vscode/issues/239834#issuecomment-2642160152

対処法

VSCodeの設定画面から、右上のファイルアイコンをクリックしてsetting.jsonを開きます。

どこでもよいので画像のように以下のコードを追加します。

setting.json
"workbench.editorAssociations": {
    "*.svg": "default"
},

保存出来たらVSCodeを再起動し、もう一度SVGファイルを開くとコードが表示されるかと思います。

Discussion