Visual Studio Code or VS Code is a text editor developed by Microsoft for Windows, Linux, and macOS. It includes support for debugging, embedded source control, syntax highlighting, intelligent code completion, snippets, and code refactoring.
The features that VSCode includes out-of-the-box are just the tip of the iceberg. VS Code’s rich extensibility model makes it more of an IDE and less an editor by plugging rich features directly into the VS Code UI & lets developers contribute more efficiently through VSCode.

Installing an Extension

If you know how to install a VSCode extension, you may skip this section.

First of all, you need to have VSCode installed on your system. I assume you already have but if you haven’t then you can download it by following the link here. Next, launch VSCode and open the Extensions tab from the left sidebar or hit command-shift-x on macOS or ctrl-shift-x on Windows and Linux. There, you will see the list of installed extensions. You can search for other extensions. Once you find an extension, simply click the Install button. You may need to reload VSCode in some cases. If not, you’re good to go!

Here’s a list of the top VSCode extensions that every web developer must have:


ESLint is the JavaScript linter for VS Code. It helps you find & fix problems in your JavaScript code.

Now the first question you’d ask is, What is a Lint? A Lint solves the problem of inconsistent & messy code throughout the project that can lead to a lot of unnecessary errors. It defines a set of rules & best practices that everyone should follow & help prevent potential problems.

Besides highlighting potential errors on the editor, it lists down all the potential problems in your code under the Problems tab. **ESLint **not only looks for potential code errors but also looks for accessibility and code formatting issues which can be very handy.

#vscode #css #typescript #react #web-development

Top VS Code extensions for Web Developers
1.35 GEEK