View Exports SVG
Description
'View Exports SVG' is a Visual Studio Code extension that provides a convenient way to view SVG icons exported from JavaScript, JSX, TypeScript, or TSX files. With this extension, you can easily explore and search for SVG icons within your project, making it effortless to find and utilize your icon assets.
Key features:
- Seamlessly extract SVG icons from code files
- Display a floating menu option for quick access
- Open a dedicated window with a searchable list of all discovered icons
- Efficient search functionality to locate specific icons
Enhance your productivity and streamline your icon management workflow with the 'View Exports SVG' extension for Visual Studio Code.
Screenshots
https://github.com/JairTorres1003/JT-View-Exports-SVG/assets/83931760/5a869f06-87e9-4426-89d2-84a2926eb568
Installation
- Open Visual Studio Code.
- Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window.
- Search for "View Exports SVG" in the Extensions view search box.
- Click the Install button for the "View Exports SVG" extension.
usage
- Select one or more files containing SVG icons in your Visual Studio Code workspace. (SVG SUPPORT).
- Right-click on the selected files.
- In the context menu, choose the "View SVG Exports 🔍" option.
- A panel will appear showing all the SVG icons found.
- Use the search bar in the panel to filter the icons by their names.
- Click the SVG icon to copy the name to the clipboard.
Wiki
Consulta la wiki para obtener más información y documentación detallada.
Contribuciones
Contributions are welcome! If you find any bugs or have suggestions for new features, please feel free to open an issue or submit a pull request.
License
This extension is available under the MIT License.
Recent Changes
You can find details of the changes and updates in the changelog file (CHANGELOG.md).
Keywords
Visual Studio Code, Extension, SVG icons, React, Javascript, JSX, TypeScript, TSX, Icon management, Icon assets.
Development
If you want to contribute to the development of this extension, follow the steps below:
Clone the repository:
git clone https://github.com/JairTorres1003/JT-View-Exports-SVG.git
Install dependencies: npm run install:all
Build the webview-ui: npm run build:webview
Build the extension: npm run compile
Press F5 to start a new VS Code instance with the extension loaded.