SVG Previewer

February 16, 2021 ยท View on GitHub

Workflow

Preview only (instead of the code editor)

In case you want to see SVG preview by default instead of the source code.

Workflow

How to setup?

  • Open any SVG image
  • Execute the command "View: Reopen Editor With..." (via Command Palette)
  • Select "Image Viewer" and set it as the default

Workflow

Commands:

CommandDescription
Svg: Open PreviewOpen preview to the active view column
Svg: Open Preview to the SideOpen preview to the side view column
Svg: Show SourceOpen source file of the active preview

Settings:

PropertyDescriptionDefault
svg.preview.autoOpenOpen a preview to the side automaticallyfalse

Keyboard Shortcuts:

CommandKeybinding
Svg: Open Previewctrl+shift+v
Svg: Open Preview to the Sidectrl+k v