React Image Importer

Overview

Are you tired of manually updating image paths when converting HTML to React? Introducing React Image Importer, the VS Code extension that does it for you! With just a keystroke, React Image Importer catches image paths in your HTML code and updates them to work seamlessly in your React code. It's the perfect tool for developers looking to improve their productivity and streamline their workflow. Say goodbye to the hassle of duplicate imports and file renaming, and say hello to a more efficient and effective way of converting HTML to React. Try React Image Importer and experience the difference!

Features

• Automatic Path Updating: React Image Importer automatically updates image paths in HTML code to work seamlessly in React code
• Duplicate Import Detection: The extension detects and avoids duplicate imports
• File Renaming: Auto renames images with the same filename from different paths
• Replace restricted characters: Automatically replace the characters that can't be used in a variable (ex: -y)
• Cross-Platform Compatibility: Works on all operating systems

Getting Started

To use React Image Importer, follow these simple steps:

1. Open a project in Visual Studio Code
2. Run the "Import Image Paths" command by opening the Command Palette (Ctrl+Shift+P or Cmd+Shift+P) and typing "Import Image Paths"