Tom P Worknotes

TIL: Editing SVGs in VS Code

I use SVG a lot. By default VS Code displays SVGs as images rather than markup. If you'd prefer them as markup for editing etc. then here's how you do it:

  1. Go to Settings (MacOS: ⌘,)
  2. Search for workbench.editorAssociations
  3. Click the Add item button
  4. Set the key as *.svg and the value as default
  5. Click OK

Voila!

A screengrab of the afor-described VS Code settings pane