<p data-line="0" class="code-line">最近のアップデートにより以前まではコードとして開くことができていたsvgファイルがプレビューでしか開けなくなったため、以前のようにコードとして開くようにする方法です。</p>
<h2 id="%E5%89%8D%E6%8F%90" data-line="2" class="code-line">
<a class="header-anchor-link" href="#%E5%89%8D%E6%8F%90" aria-hidden="true"></a> 前提</h2>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">VS Code v1.97.2</li>
</ul>
<h2 id="%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95" data-line="5" class="code-line">
<a class="header-anchor-link" href="#%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 設定方法</h2>
<h3 id="1.-vs-code-%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%82%92%E9%96%8B%E3%81%8F" data-line="6" class="code-line">
<a class="header-anchor-link" href="#1.-vs-code-%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%82%92%E9%96%8B%E3%81%8F" aria-hidden="true"></a> 1. VS Code の設定を開く</h3>
<p data-line="7" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/618a1a751fc5-20250226.png" loading="lazy" class="md-img"></p>
<h3 id="2.-editorassociations-%E3%82%92%E6%A4%9C%E7%B4%A2" data-line="9" class="code-line">
<a class="header-anchor-link" href="#2.-editorassociations-%E3%82%92%E6%A4%9C%E7%B4%A2" aria-hidden="true"></a> 2. <code>editorAssociations</code> を検索</h3>
<p data-line="10" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/9267775be9ea-20250226.png" loading="lazy" class="md-img"></p>
<h3 id="3.-svg%E3%81%AE%E9%A0%85%E7%9B%AE%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B" data-line="12" class="code-line">
<a class="header-anchor-link" href="#3.-svg%E3%81%AE%E9%A0%85%E7%9B%AE%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B" aria-hidden="true"></a> 3. svgの項目を追加する</h3>
<p data-line="13" class="code-line">項目と値に以下を入力して[OK]をクリック。<br>
項目: <code>*.svg</code><br>
値: <code>default</code><br>
<img src="https://storage.googleapis.com/zenn-user-upload/35099c644819-20250226.png" loading="lazy" class="md-img"></p>
<h2 id="%E5%8F%82%E7%85%A7%3A" data-line="19" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E7%85%A7%3A" aria-hidden="true"></a> 参照:</h2>
<p data-line="20" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8c2a8f7aaef2" src="https://embed.zenn.studio/card#zenn-embedded__8c2a8f7aaef2" data-content="https%3A%2F%2Fwww.reddit.com%2Fr%2Fvscode%2Fcomments%2F1iolpz0%2Funable_to_edit_svg_files_following_update%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.reddit.com/r/vscode/comments/1iolpz0/unable_to_edit_svg_files_following_update/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.reddit.com/r/vscode/comments/1iolpz0/unable_to_edit_svg_files_following_update/</a></p>


VS Code 最新版でSVGファイルを編集できるようにする

前提

設定方法

1. VS Code の設定を開く

2. `editorAssociations` を検索

3. svgの項目を追加する

参照:

Discussion

前提

設定方法

1. VS Code の設定を開く

2. editorAssociations を検索

3. svgの項目を追加する

参照:

Discussion

2. `editorAssociations` を検索