DEV Community

Cover image for VS Code Extensions That Will Make You Code Faster.
Youssef Zidan
Youssef Zidan

Posted on • Updated on

VS Code Extensions That Will Make You Code Faster.

1. Bracket Pair Colorizer 2

This extension makes the opening and closing parentheses, brackets, and curly brackets the same color.

Example

2. IntelliSense for CSS class names in HTML

A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.

Example

3. Auto Import

Automatically finds, parses, and provides code actions and code completion for all available imports.

4. Auto Rename Tag

When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag.

Example

5. JavaScript (ES6) code snippets

This extension contains code snippets for JavaScript in ES6 syntax.

6. Git Extension Pack

This extension pack packages some of the most popular Git extensions that let you work with git easily inside VS Code.

7. JSON Sorter

A tool that helps you sort JSON files quickly.

8. Live Server

Launch a local development server with live reload feature for static & dynamic pages.

Example

9. Search node_modules

A simple plugin for VS Code that allows you to quickly navigate the file inside your project's node_modules directory.

Example

10. Git Graph

View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want!

Alt Text

11. npm

This extension supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.

Alt Text

12. npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements.

Alt Text

13. Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

Alt Text

14. Thunder Client

Thunder Client is a GUI-based Rest API Client Extension for Visual Studio Code, hand-crafted by Ranga Vadhineni with a simple and clean design.

Alt Text

15. GitHub Pull Requests and Issues

This extension allows you to review and manage GitHub pull requests and issues in Visual Studio Code.

16. Visual Studio IntelliCode

The Visual Studio IntelliCode extension provides AI-assisted development features for Python, TypeScript/JavaScript and Java developers in Visual Studio Code, with insights based on understanding your code context combined with machine learning.

Alt Text

17. HTML to CSS autocompletion

Intellisense suggestions/completions for classes and ids from markup documents to CSS, SCSS, Less, Sass, Stylus stylesheets

Alt Text


LinkedIn

Top comments (3)

Collapse
 
cjsmocjsmo profile image
Charlie J Smotherman

I installed everyone of these and I'm not coding any faster and the title says that I will. Lololol

Just joking nice article :)

Collapse
 
youssefzidan profile image
Youssef Zidan

Haha, maybe you need to upgrade your CPU xD

Collapse
 
bhanu1776 profile image
Bhanu Sunka

I found one really cool vscode theme named Jellyfish-x-retro ๐Ÿš€๐Ÿš€