![](https://camo.githubusercontent.com/56af023a75bfa99262b617560ae336643053b7482a03958f5d74b283adb7e957/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)
- 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)
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 |
Property |
Description |
Default |
svg.preview.autoOpen |
Open a preview to the side automatically |
false |
Command |
Keybinding |
Svg: Open Preview |
ctrl+shift+v |
Svg: Open Preview to the Side |
ctrl+k v |