Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jairtorres1003/jt-view-exports-svg
✨ 'View Exports SVG' is a Visual Studio Code extension designed to streamline the process of accessing and utilizing SVG icons. With this extension, you can effortlessly explore and search for SVG icons within your project, simplifying the task of finding and integrating them into your project.
https://github.com/jairtorres1003/jt-view-exports-svg
extension icon-assets icon-managemen javascript jsx learn react svg-icons tsx typescript visual-studio-code
Last synced: about 1 month ago
JSON representation
✨ 'View Exports SVG' is a Visual Studio Code extension designed to streamline the process of accessing and utilizing SVG icons. With this extension, you can effortlessly explore and search for SVG icons within your project, simplifying the task of finding and integrating them into your project.
- Host: GitHub
- URL: https://github.com/jairtorres1003/jt-view-exports-svg
- Owner: JairTorres1003
- License: mit
- Created: 2023-07-06T01:44:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-06T02:46:57.000Z (6 months ago)
- Last Synced: 2024-07-06T04:58:00.428Z (6 months ago)
- Topics: extension, icon-assets, icon-managemen, javascript, jsx, learn, react, svg-icons, tsx, typescript, visual-studio-code
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=JairTorres1003.jt-view-exports-svg
- Size: 70.6 MB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# 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 iconsEnhance 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
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](SVG%20SUPPORT.md)).
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](https://github.com/JairTorres1003/JT-View-Exports-SVG/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](LICENSE).
## Recent Changes
You can find details of the changes and updates in the [changelog file (CHANGELOG.md)](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:
```bash
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.