Best VS Code Extensions I Use Daily


In the ever-changing world of technology, it's important to keep up with the latest trends. If you're a developer, then you know that one of the most important tools in your arsenal is Visual Studio Code. This editor has come a long way in a short amount of time, and there are now thousands of extensions available that can help make your workflow easier. In this blog post, we'll take a look at some of the best VS Code extensions for 2021. These are the ones that you can't live without!

1. Tailwind CSS IntelliSense

If you're a fan of Tailwind CSS, then you'll be happy to know that there's now an extension for Visual Studio Code that provides IntelliSense. This means that you'll get autocomplete suggestions as you type, making it easier and faster to write your CSS.

Tailwind Features:

  • Linting
  • Autocomplete CSS class names
  • Hover preview
  • CSS Syntax Highlighting
  • If you work with Tailwind regularly, then this extension is a must-have. It will make your life much easier and help you get your work done faster.

2. Prettier

Prettier is a code formatter that can help you keep your code clean and consistent. It's one of the most popular VS Code extensions, and for good reason. It's easy to use and can make a big difference in the readability of your code.

Prettier Features:

  • Format on save
  • Integrates with ESLint
  • Can format JavaScript, TypeScript, CSS, and more
  • If you're not using Prettier already, then you should give it a try. It's a simple extension that can have a big impact on your code quality.

3. Github Copilot

GitHub Copilot is an artificial intelligence tool developed by GitHub that can help you with your workflow. It's still in beta, but it's already showing promise.

GitHub Copilot Features:

  • Helps you find repositories
  • Recommends issues to work on
  • Automatically assigns labels to issues

4. GitLens

GitLens is an extension that adds a lot of useful information to your Git repositories. It's one of the most popular VS Code extensions, and for good reason.

GitLens Features:

  • Displays code authorship
  • Inline blame annotations
  • Code heat maps

If you work with Git repositories regularly, then this extension is a must-have. It will help you understand your code better and make it easier to work with collaborators.

5. Auto Renaming Tag

This extension is a must-have for HTML and XML developers. It automatically renames opening and closing tags when you rename the other. This can save you a lot of time and hassle, especially if you work with large files.

Auto Renaming Tag Features:

  • Rename opening and closing tags simultaneously
  • Works with HTML and XML

6. Highlight Matching Tag

This extension highlights the matching opening or closing tag when you select an HTML or XML tag. This makes it easier to see which tags are associated with each other and can help you avoid errors.

Highlight Matching Tag Features:

Highlights matching opening and closing tags

Works with HTML and XML

If you work with HTML or XML, then this extension is a must-have as it will save you time and help you avoid mistakes.

7. Import Cost

This extension shows you the cost of importing a module into your JavaScript code. This is useful for keeping your code bundle size down, as well as helping you find alternatives to modules that are too costly.

Import Cost Features:

  • Shows the cost of importing a module
  • Works with JavaScript, TypeScript, and CoffeeScript

8. ESLint

ESLint is a popular code quality tool that can help you find and fix errors in your code. It's one of the most popular VS Code extensions, and for good reason.

ESLint Features:

  • Error checking
  • Fixes errors automatically
  • Integrates with Prettier

These are the main extensions I use on daily basis, there a many more but those are the ones I find myself using the most and can't live without.

Happy Coding! :)

Kimberly Huang
Social Lead

Share this article:

More Articles by Priffle