🖼️
VSCodeをアップデートしたらSVGがプレビューで表示されなくなった場合の対処法
いつも通りSVGファイルをVSCodeで開いてコードを確認しようとしたら、プレビューだけが表示されておりコードを確認できなくなっていました。
Issueでも同様の現象が報告されていました。
コードで見れるようにする
VSCodeの設定画面から、右上のファイルアイコンをクリックしてsetting.jsonを開きます。
どこでもよいので画像のように以下のコードを追加します。
setting.json
"workbench.editorAssociations": {
"*.svg": "default"
},
保存出来たらVSCodeを再起動し、もう一度SVGファイルを開くとコードが表示されるかと思います。
プレビューでも確認したい場合
Svg PreviewやSVG Previewerなどの拡張機能を使うことでコードの右側にプレビューを表示させることができます。
Discussion