How to code faster with VS code extensions

1. Bracket pair colorizer 2

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

Example

To read more about Bracket Pair Colorizer 2, click here.

2. IntelliSense for CSS class names in HTML

This extension is a Visual Studio Code extension that provides CSSCascade Style Sheets class name completion for the HTMLHyperText Markup Language class attribute based on the definitions found in your workspace or external files referenced through the link element.

Example

To read more about IntelliSense, click here.

3. Auto import

Auto import automatically finds, parses, and provides code actions and code completion for all available imports.

To read more about this extension, click here.

4. Auto Rename Tag

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

Example

Click here to read more about the auto rename tag extension.

5. JavaScript (ES6) code snippets

This extension contains code snippets for JavaScript in ES6 syntax.

To read more about ES6, click here.

6. Git extension pack

This extension pack packages some of the most popular Git extensions that let you work quickly with Git inside VSVisual Studio Code.

Click here to learn more about the Git extension pack.

7. JSON Sorter

JSON sorter is a tool that helps you sort JSON files quickly.

To read more about JSON, click here.

8. Live server

This extension launches a local development server with a live reload feature for static and dynamic pages.

Example

To learn more about live server, click here.

9. Search node_modules

This extension is a simple plugin for VS Code that allows you to quickly navigate the file inside your project’s node_modules directory.

Example

Click here to read about node_modules.

10. Git graph

This extension lets you view a Git graph of your repository and easily perform Git actions from the graph, configurable to look the way you want!

Alt Text

To read more about Git graph, click here.

11. npm

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

Alt Text

To learn more about npm, click here.

12. npm intellisense

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

Alt Text

Click here to learn more about npm intellisense.

13. Path Intellisense

Path intellisense is a Visual Studio Code plugin that autocompletes filenames.

Alt Text

You can learn more about path intellisense here.

14. Thunder Client

Thunder Client is a GUIGraphical User Interface-based Rest APIApplication Programming Interface Client Extension for Visual Studio Code, hand-crafted by Ranga Vadhineni, with a clean and straightforward design.

Alt Text

Click here to learn more about Thunder Client.

15. GitHub pull requests and issues

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

You can learn about this extension here.

16. Visual Studio IntelliCode

The Visual Studio IntelliCode extension provides AIArtificial Intelligence-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

Click here to read about IntelliCode.

17. HTML to CSS autocompletion

Intellisense suggestions/completions for classes and IDs, from markup documents to CSS, SCSS, LESS, SASS, Stylus stylesheets.

Alt Text

To learn more about this extension, click here.

Free Resources

Attributions:
  1. undefined by undefined
License: Creative Commons-Attribution-ShareAlike 4.0 (CC-BY-SA 4.0)