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

JT.View.Exports.SVG.-.Demo.mp4

Installation

1. Open Visual Studio Code.
2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window.
3. Search for "View Exports SVG" in the Extensions view search box.
4. Click the Install button for the "View Exports SVG" extension.

usage

1. Select one or more files containing SVG icons in your Visual Studio Code workspace. (SVG SUPPORT).
2. Right-click on the selected files.
3. In the context menu, choose the "View SVG Exports 🔍" option.
4. A panel will appear showing all the SVG icons found.
5. Use the search bar in the panel to filter the icons by their names.
6. 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:

1. Clone the repository:

   git clone https://github.com/JairTorres1003/JT-View-Exports-SVG.git

2. Install dependencies: npm run install:all

3. Build the webview-ui: npm run build:webview

4. Build the extension: npm run compile

5. Press F5 to start a new VS Code instance with the extension loaded.