/vscode-svg-previewer

Vscode SVG Previewer

Primary LanguageTypeScript

SVG Previewer

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:

Command Description
Svg: Open Preview Open preview to the active view column
Svg: Open Preview to the Side Open preview to the side view column
Svg: Show Source Open source file of the active preview

Settings:

Property Description Default
svg.preview.autoOpen Open a preview to the side automatically false

Keyboard Shortcuts:

Command Keybinding
Svg: Open Preview ctrl+shift+v
Svg: Open Preview to the Side ctrl+k v