iRath96 / vscode-svg-previewer

Vscode SVG Previewer

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Vscode SVG Previewer


Languages

Language:TypeScript 87.5%Language:CSS 10.8%Language:Shell 0.8%Language:JavaScript 0.8%