Vetch by MarbleStack
Vetch is an extension for Visual Studio Code that allows you to easily open, view, and edit .svg files without interrupting your workflow.
Features
- Fully Visual SVG Editing: No need to manually edit tags; just draw, drag, and drop like a normal human being.
- Familiar Interface: Utilizes the intuitive and simple Scratch 3.0 vector paint editor as a base with more powerful features listed below.
- Infinite Canvas: Easily adjust, scale, skew, rotate, and move elements around without boundaries.
- Canvas Panning: Use SHIFT+DRAG to pan around the canvas.
- Skewing: Hold CTRL while dragging one of the four midpoints of a selection box to skew shapes.
- Opacity and HEX Sliders: Adjust the opacity and HEX values of selected shapes using the color picker.
- Dark/Light Canvas Toggle: Toggle between a light and dark canvas to make editing easier depending on your color schemes.
- Snapping: Switch between freehand mode and snapping mode to easily align shapes.
Usage
- Open an SVG file.
- Enjoy the feeling of superiority of the fact you have a graphic editor inside your code editor.
Tip 1: You may need to set the default editor for SVG files to Vetch. To do this, right-click the file in the Explorer, select "Open With...", and choose "Vetch".
Tip 2: If you ever need to view the raw SVG code, right-click the file in the Explorer, select "Open With...", and choose the default "Text Editor".
Support the Project
If this extension saves you time or makes your life easier, consider giving me money.
License & Attribution
This extension is open-source and licensed under the GNU Affero General Public License v3.0 (AGPL-3.0).
Attribution: Vetch utilizes a modified version of scratch-paint, an open-source project originally developed by the MIT Scratch Team. The original Scratch source code is also licensed under the AGPL-3.0. "Scratch" is a trademark of the Massachusetts Institute of Technology. This project is not affiliated with, sponsored by, or endorsed by MIT or the Scratch Team.
