10 Best Visual Studio Code Extensions for Web Development | 10 Essential VSCode Extensions

In this video we will see Top 10 Best Visual Studio Code Extensions for Web Development. These Visual Studio Code (VSCode) Extensions For Programmers can be used for daily use and productivity. Essential VS Code Extensions for JavaScript Developers are also 10 Most Popular VS Code Extensions. Best VS Code Extensions You Need to increase you productivity.

#ProgrammingKnowledge #VSCode
★★★Top Online Courses From ProgrammingKnowledge ★★★

★★★ Online Courses to learn ★★★

★★★ Follow ★★★

DISCLAIMER: This video and description contains affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This help support the channel and allows us to continue to make videos like this. Thank you for the support!

[rehanshaikh]

1 - material theme : The most epic theme meets Visual Studio Code.
2 - Material Icon Theme : The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.
3 - Prettier : is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.(go to setting search for "format on save" and checked the checkbox of Format on Save)
4 - Bracket Pair Colorizer 2 (Beta) : This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and which colours to use.
5 - Indent-Rainbow : A simple extension to make indentation more readable
This extension colorizes the indentation in front of your text alternating four different colors on each step. Some may find it helpful in writing code for Nim or Python.
6 - Auto Rename Tag : Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
7 - REST Client : allows you to send HTTP request and view the response in Visual Studio Code directly.
8 - CSS peek : This extension extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.
9 - HTML CSS support : Class attribute completion.Id attribute completion.
10 - live sass compiler :
11 - Live Server : Launch a development local Server with live reload feature for static & dynamic pages

[arjunshinde]

Extension: QUOKKA.JS
Language: JavaScript
What it do: Generates the live output even without saving the file.
Good for fast debugging.

Alternative: Nodemon

[corriedebeer]

Thank You sir, this was very helpful!

[carlosbaptista]

Is Auto Rename Tag really worthy to install?
Visual Studio Code has a built-in function called *Mirror Cursor* that seems to do the same thing.

[dhanushraju]

you don't have energy to speak only
are you passionate to teach us ?