VS Code is a code editor that we all love and use every day for development, we all love it because of the great features that it has and crazy-good extensions that make us do things faster, like with Emmet, I can just type in an exclamation mark "!" and it's going to generate a whole HTML boilerplate for me and that's really handy. There are other extensions that are also pretty popular like Live server and Prettier and everyone talks about them and recommend them to others but there are also some great extensions I found that I've not heard anyone talk about, I just found out they exist by simply looking up keywords and see if something good is going to show up. Today I'm going to be sharing them with you. So, here we go!
1. cdnjs
If you develop websites like me more often than not you find yourself importing some libraries you need for certain things like Fontawesome for icons or AOS for scroll animations, and typically what you do is minimize VS Code, go to their website copy the CDN link or alternatively you look it up on cdnjs.com then copy and paste the link into your project, well, that's fine. But what if you could do that without ever having to leave VS Code? Cool, right? That's where the cdnjs extension comes in. It allows you to look up and import any JavaScript library you need right in VS Code, you can select the version you want and you don't even need to copy and paste, just a click and it will import the library for you and does more. That's so cool 😎 Make sure you check it out.
2. Download file
I don't know if it's just me or everyone hates to have to download a file then copy-paste it into the folder the project is in. I really don't like doing this, at all. Which is why my frustration has led me into finding a VS Code extensions that allow me to download files right inside of VS Code directly into my project without having to copy-paste or drop and drop from my download folder into VS Code. All you need to do is copy the link of the file you want to download, go back to VS Code, bring up the download extension paste the link and I'm done. I know it seems like a lot of steps but it's actually very easy to do this and obviously much faster than the traditional way of doing it. See it in action in the GIF below 👇🏽
3. Google Fonts
You use Poppins for every project like me, yeah? 😂 What I used to do is open my browser go to fonts.google.com, look up my one and only Poppins, select the weights I want to copy go back to VS Code, and paste. Having to do that is very stressful for me that's why I use the Google Fonts extension, I can search for a font and import it right inside of VS Code, how cool is that?
4. Font Awesome Gallery
It's no longer news that Fontawesome is actually really awesome for providing us with free awesomely awesome icons to use in our awesome projects...err...that's kinda lame 😂😂😂 But anyway if you need an icon and you can't remember the class name for the icon you need you to fo the website and search for it, right?
Worry no more because Font Awesome Gallery is here. Just bring up the sidebar search for any icon you want and you're good to go.
I hope you really find these extensions helpful, let me know in the comment which of these you're going to be using, and if you know any other awesome no-so-popular VS Code extensions drop them in the comment section. Thanks for much for checking this out and happy coding. 😊