VSCode extensions that make your life easier in 2020
Tags: development, technology, extensions, vscode
Published: 2020-11-11 08:10:03

---
title: VSCode extensions that make your life easier in 2020
published: true
date: 2020-07-01 20:07:17 UTC
tags: development,Technology,extensions,vscode
canonical_url: 
---

I’ve been using [VSCode](https://code.visualstudio.com/) for almost 3 years now and I like it so much. I’m sure that you like it too. Extensions are a core part of VSCode that adds extra functionality to the editor. Check out my post for VSCode extensions that make your life easier in 2020

10. [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)

This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use.

9. [File Utils](https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils)

Creating and managing files using built-in methods can be overwhelming. This extension provides a convenient way of creating, duplicating, moving, renaming, deleting files, and directories.

8. [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

The Better Comments extension will help you create more human-friendly comments in your code.  
With this extension, you will be able to categorize your annotations into:

- Alerts
- Queries
- TODOs
- Highlights
- Commented out code can also be styled to make it clear the code shouldn’t be there
- Any other comment styles you’d like can be specified in the settings

7. [WakaTime](https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime)

![](https://github.com/wakatime/vscode-wakatime/raw/master/images/Screen-Shot-2016-03-21.png)

Did you ever want to check how much time you spend on a project? Or how much time did you spend coding in a specific language? Or coding in general? Well, WakaTime has got your back! It shows Metrics, insights, and time tracking automatically generated from your programming activity.  
WakaTime also has a chrome extension that tracks how much you spend browsing the web.

6. [change-case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case)

Manually change cases in code can be overwhelming, wait no more! With change-case, you can change the case (camelCase, CONSTANT\_CASE, snake\_case, etc) of the current selection or current word in just a second!

5. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)

I’ve been using [WebStorm](https://www.jetbrains.com/webstorm/) before VSCode and one thing I liked about it so much was auto rename tag. with this extension, you can rename a tag (HTML for example) and it will rename the closing tag for you!

4. [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)

![](https://github.com/alefragnani/vscode-bookmarks/raw/master/images/printscreen-select-lines.gif)

Bookmarks help you to navigate in your code, moving between important positions easily and quickly. No more need to search for code. It also supports a set of selection commands, which allows you to select bookmarked lines and regions between bookmarked lines. It’s really useful for log file analysis.

Here are some of the features that Bookmarks provide:

- Mark/unmark positions in your code
- Mark positions in your code and gives it a name
- Jump forward and backward between bookmarks
- Icons in gutter and overview ruler
- See a list of all Bookmarks in one file
- See a list of all Bookmarks in your project
- A dedicated Side Bar
- Select lines with bookmarks
- Select regions between bookmarks.

3. [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)

Todo Tree quickly searches your workspace for comment tags like TODO and FIXME and displays them in a tree view in the explorer pane. Clicking a TODO within the tree will open the file and put the cursor on the line containing the TODO.

2. [Project manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager)

Project manager helps you to easily access your projects, no matter where they are located. So you don’t miss those important projects anymore.  
You can define your Projects (also called Favorites), or choose for auto-detect Git, Mercurial or SVN repositories, VSCode folders, or any other folder.

Here are some of the features that the Project Manager provides:

- Save any folder as a Project
- Save any workspace as a Project
- Auto-detect Git, Mercurial or SVN repositories
- Open projects in the same or new window
- Identify deleted/renamed projects
- A Status Bar which identifies the current project
- A dedicated Side Bar

1. [Quokka](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode)

![](https://quokkajs.com/assets/img/main-video.gif)

Quokka.js is a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed VSCode next to your code, as you type. Quokka also has an extension for VSCode that you can use.

[![](https://lh3.googleusercontent.com/aYbdIM1abwyVSUZLDKoE0CDZGRhlkpsaPOg9tNnBktUQYsXflwknnOn2Ge1Yr7rImGk=w300)](https://www.instagram.com/panayiotisgeorgiou)

[Follow me on Instagram](https://www.instagram.com/panayiotisgeorgiou)

![😉](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f609.png)  **That’s it for now. **

If you liked this article, then please subscribe to my [YouTube Channel](https://www.youtube.com/c/PanayiotisGeorgiou?sub_confirmation=1) for video tutorials.

You can also find me on [Twitter](http://twitter.com/panay_georgiou) and [Facebook](https://www.facebook.com/panayiotisgeorgiou.net).

The post [VSCode extensions that make your life easier in 2020](https://www.panayiotisgeorgiou.net/vscode-extensions-that-make-your-life-easier-in-2020/) appeared first on [Panayiotis Georgiou](https://www.panayiotisgeorgiou.net).