#Visual studio code extensions directory install

If you install an icon extension VsCode will show little icons before your directory names and filenames. This is not a specific extension rather a collection of extensions. You can use Prettier plugins to further enhance the capabilities of this extension, and you can also make it format your code automatically when you save a file. It just simply formats your code, and it is really beneficial to have a consistent formatting and styling across your code, because it can save you a lot of time, especially when you collaborate with other developers. Prettier is an opinionated code formatter, which you can set up according to your preferences. Especially in web development, you should mind every single byte you import as they will negatively affect the load speed of your site, may harm user experience and even SEO rankings. It enables you to track the size of the imported packages and libraries, so you can control the amount of code size that you import. This is why this little extension is so important. So do I, the problem is that we often don’t think of the overhead that it can cause. You know that feeling when you look at npm’s website and see a cool package, install it immediately and import it into your project. You can find this functionality in tools for modern frameworks and libraries like Angular and React, but with this extension you can have the same functionality in any web development project.

On top of that any saved changes you make to your website will be reflected immediately in the browser, which gives a really fast and enjoyable developer experience. It spins up a light nodejs server and serves your html file and all assets from the given directory. Oh I really wish this extension existed when I started to learn web development. Overall a really useful tool if you use git as your version control system. With the current-line blame you have the ability to click on a single line in the code and you can see the last commit that modified it and you also get a link to the pull request that introduced that change. You can also navigate in the history of a file back and forth to see the changes that were made on it. One of the best features of this extension, is the ability to visualize code authorship via Git blame annotations and code lens. GitLens is an open-source extension that combines the capabilities of Git and VsCode.

If you prefer to watch a video instead of reading, you can check out the video that I made on the topic on my YouTube channel: Here is my top 10 extension that you should try in Vs Code: It’s not a joke, you can really speed up your development with these tools and enhance the contribution with teammates. It is highly extensible and there are a lot of contributors that create useful extensions for it, to give this editor superpowers. Visual Studio Code is widely used nowadays for writing software.

Visual studio code extensions directory