Extensions For Visual Studio Code

Home / VS Code / Extensions For Visual Studio Code

Visual studio code (VS Code) is a versatile and popular code editor that provides a wide range of functionalities. One of the standout features of VS Code is its extensive extension ecosystem, which allows developers to enhance their coding experience and customize the editor to suit their specific needs. In this article, we will explore a curated list of must-have extensions for Visual Studio Code that can boost your productivity and streamline your development workflow.

1 : Live Server: With this extension, we can automatically refresh the browser, to see the results of changes in the code.

Live Server

2 :Tabnine:This AI will help you code faster. It saves a lot of time and typing with its auto-complete function.

Tabnine AI Autocomplete for Javascript

3 :Peacock:You can distinguish multiple windows of VS Code with different colors. Peacock lets you change the color of your VS code even if multiple instances are open.

Peacock

4 :VSCode Color Picker:This extension helps you to choose colors from the Color Palette. This gives a view of the color shade and generates its code.

VS Code Color

5 :Prettier – Code formatted : Who doesn’t like the beautiful code format? This extension will help you to format any code.

Prettier Code formatter

6:ES7React/Redux/GraphQL/React-N : This extension provides you JavaScript and React/Redux snippets in ES7 with Babel plugin features for VS Code.

ES7

7 :Auto Rename Tag : This extension is used to automatically renames paired HTML/XML tags. It’s really helpful when you are working on more significant projects.

Auto Reenme tag

8 :Material Icon Theme: This extension is used to add any type of file or folder extension icon.

Material icon theme

9 : Git Lens: This extension combines the dual functionalities of Git with VS Code. You can easily visualize your code and understand it a lot better. This helps you to understand the who, why, and when aspects related to the code. You can explore the history and evolution of the codebase as well.

getlens

10 : JavaScript(ES6) Code Snippets: This extension provides code snippets for JavaScript in ES6 syntax that is useful for VS Code Editor. Both JavaScript and TypeScript are supported.

js

11 : Bookmarks: This plugin extension supports Bookmarks, where you can add bookmarks to your code, making your navigation functionality much more seamless.

bookmarks

12 : Monokai Pro: Monokai Pro is a color scheme, customized user interface theme, and complete icon set for Visual Studio Code. It has been designed by the author of the original Monokai colors. Carefully selected shades of colors are the foundation of an uncompromising, non-distractive user interface. The single goal of Monokai Pro is to let you focus on your code.

monokai pro

Recent Post