Top 7 best VS Code Extensions you must know in 2020

Hey there; If you are searching for VS code extensions, so this post is for you.

VS Code Extensions

Today I will discuss with you on about top 7 best VS code extensions you must know in 2020. If you are practising front-end development, so this post will most important for you in your coding. So let’s start!

07#: Auto Rename Tag
Auto Rename Tag will allow you to rename one HTML/XML tag, And automatically rename the paired HTML/XML tag.
If you change or rename your tag name; Auto Rename Tag will automatically change or rename your tag name with closing.

auto rename tag
auto rename tag

You can find this extension from here: Auto Rename Tag

06#: File Icons
Icons for most languages and frameworks; File Icons come in coloured and colourless flavours.

file icons vs code extension

Installation process for →
macOS: Code → Preferences → File Icon Theme → File Icons.
Windows: Go to File → Preferences → File Icon Theme → File Icons.

Go here to get: File Icons

05#: Code Spell Checker
Code Spell Checker allows you to spell check that works well with camelCase code. Code Spell uses a local word dictionary to check the spelling.

code spell checker vs code extension

To enable this tool, click on Code Spell Checker

04#: Beautify
To modify the style you wish to use; Beautify is an important extension for your code decoration in VS code.

beautify vs code extension

Go here and start to Beautify your code.

03#: CSS-auto-prefix
CSS-auto-prefix tool is to eliminate the time. It takes to prefix all of your CSS attributes by doing it for you as you type.

CSS auto prefix code extension

Let’s start auto prefix from here: CSS-auto-prefix

02#: Live Sass Compiler
Live Sass Compiler extension is most useful for sass code compiling. It also allows you to Quick Status bar control, Excludes Specific Folders by settings, Lives Reload to the browser (Dependency on Live Server extension), Autoprefix Supported (See setting section) and many more.

sass live compiler vs code ex
sass live compiler vs code extension

Here is the link of Live Sass Compiler

01#: Live Server
Live Server is one of my most favourite extensions for VS Code. Every time if you save your code, you’ll instantly see the changes in your browser.
It also allows you to Start or Stop the server by a single click from the status bar. This extension is developed by Ritwick Dey.

live server vs code extension

visit Live Server to enable Live Server in your VS code.

That’s all for today.
Leave a clap and comment on your opinion and share your ideas.
Thanx for coming in NextGen Blog.

--

--