CodeViz - Visualize Your Code Instantly
CodeViz is a powerful VS Code extension that enhances code visualization by providing a seamless and interactive way to preview image files such as SVG, PNG, and JPEG within the editor. It also includes a comparison tool to highlight differences between two images or code blocks.
Features
✅ Instant File Preview – Hover over an image filename to see a quick preview.
✅ Supports Multiple Formats – Works with SVG, PNG, and JPEG files.
✅ Code Comparison – Highlights differences between two selected images or code blocks.
✅ User-Friendly UI – Designed to be intuitive and efficient for developers.
Installation
- Open VS Code.
- Go to Extensions (Ctrl+Shift+X).
- Search for "CodeViz" and click Install.
- Reload VS Code if necessary.
Alternatively, install it via the VS Code Marketplace: CodeViz Extension (Replace with actual link once published).
How to Use
1. Image Preview
- Hover over an image file (SVG, PNG, JPEG) to see a preview.
- Click on the image to open it in a full preview panel.
2. Code Comparison
- Select two images or text files.
- Right-click and choose "Compare with CodeViz" to see differences.
Requirements
- VS Code v1.70.0+ recommended.
- No additional dependencies required.
Extension Settings
This extension contributes the following settings:
codeViz.enablePreview
– Enable/disable image preview.
codeViz.compareMode
– Set comparison mode (default: "side-by-side").
Known Issues
- Some large SVG files may load slowly.
- Compatibility issues with older VS Code versions.
Release Notes
1.0.0
- Initial release with image preview and basic comparison features.
1.1.0 (Upcoming)
- Improved performance and support for additional file types.
Contributing
We welcome contributions! If you find a bug or have a feature request, submit an issue or pull request at:
GitHub Repository (Replace with actual repo link).
License
This project is licensed under the MIT License.
🚀 Enjoy coding with CodeViz!