🗂
VSCodeでSVGがプレビューしか表示されない問題の対処法
はじめに
VSCodeでSVGファイルを開こうとすると、コードではなくプレビューだけが表示されてしまい、中身を確認できなくなっていました。
本記事では、SVGファイルのコードをVSCode上で表示する方法をご紹介します。
設定
VSCodeの設定画面から、右上のファイルアイコンをクリックしてsetting.jsonを開きます。
その中のどこでもよいので、以下の設定を追記してください。
setting.json
"workbench.editorAssociations": {
"*.svg": "default"
},
さいごに
今回はSVGファイルのコードをVSCode上で表示する方法をご紹介しました。
久しぶりにSVGコードを編集しようとした際に、コードが表示されずに少し手間取ってしまったことをきっかけに、この記事を書きました。
同じように困っている方の参考になれば幸いです。
Discussion