SVG Previewer
![](https://camo.githubusercontent.com/69df20b0724be233a697d414c66829a6182d40aa4a4c5b049aceea10182aca5f/68747470733a2f2f76736d61726b6574706c61636562616467652e61707068622e636f6d2f726174696e672f766974616c69796d617a2e7673636f64652d7376672d7072657669657765722e737667)
![Workflow](https://raw.githubusercontent.com/iRath96/vscode-svg-previewer/master/media/preview.gif)
Preview only (instead of the code editor)
In case you want to see SVG preview by default instead of the source code.
![Workflow](https://raw.githubusercontent.com/iRath96/vscode-svg-previewer/master/media/preview-editor.gif)
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](https://raw.githubusercontent.com/iRath96/vscode-svg-previewer/master/media/preview-editor-how-to.gif)
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 |