eos-icons-vscode-extension's Introduction

EOS Icons VSCode Extension

This extension allows the users to install, import, browse, copy, bookmark EOS icons from a well designed set of 1000+ options available.

Features

Install EOS Icons: Install the library using NPM, Rails gem etc. along with options to import them or add them through CDN
Bookmark Icons: Bookmark icons for easier acess
Browse icons: Use the seearch bar to get icons by the name or tag
Copy SVG: Copy the icon SVG in a single click for use in any code with options to configure size, color etc.
Copy HTML: Copy the icons in the form of <i> or <img> tags as required with options to configure size, color etc.
Edit icons: Edit icon SVGs in the editor itself to suit your needs
Last Viewed: Get the last viewed icons on top according to your browsing history

These are just the features planned till now. Feel free to add more with discussion on EOS Slack

Set up the repo

Create the fork
Clone the forked repo

git clone [email protected]:<your username>/eos-icons-vscode-extension

Navigate to the repo

cd eos-icons-vscode-extension

Open the repo in VSCode

code .

Install the extension dependencies

npm install

Run the extension by hitting F5 or clicking the Run Extension button at the bottom of your screen

For the first setup, you might have to execute npm run watch while running the extension

Other guidelines

Please check CONTRIBUTING.md before making any contributions and ensure that you follow the coding conventions specified

Follow the Extension Guidelines by VSCode for a consistent code

Happy Coding!

Learn more about the EOS UX/UI Solutions

eos-icons-vscode-extension's People

Contributors

Stargazers

Watchers

eos-icons-vscode-extension's Issues

Create a Figma mockup

Create a figma mockup to give an idea of all the functionalities available and their implementations. The mockup should be able to show at least the basic features mentioned in the readme.

VSCode Extension [new branch request]

Hello , I have done with initial setup for VScode extension . Can I merge it in new branch .

[issue]CDN is not working for Animated icon

When I was doing initial setup and trying to run the example code for VSCode extension .
I encountered with a issue .
The issue is with CDN link for Animated icon.
Here is the snip for the same.

The CDN works fine with normal static icons .

Set up tests for coding conventions

Set up tests to follow consistent coding guidelines across the repo. This could include tab sizes, line breaks, line size etc.
Preferable a .prettierrc file but other suggestions are most welcome

Recommend Projects