Best VS Code Extensions to improve your productivity
VS Code is one of the best code editor now, and having some useful extensions makes your coding experience more powerful and comforting at the same time. Here’s a list of extensions that I find useful for my code productivity:
advanced-new-file
This extension makes it easier to create a new file without having to switch between keyboard and mouse because now you can do it using only your keyboard. You can start adding files using this extension by opening the command palette or by pressing:
cmd + shift + P
And start by selecting the location of where you want to put your files.
Link: https://marketplace.visualstudio.com/items?itemName=patbenatar.advanced-new-file
Better Comments
This extension lets you make comments more readable by categorizing them by colors. From basic settings you can make a red, blue, or strikethrough comment by typing exclamation mark (!), question mark (?), and double forward-slash (//) at the beginning of the comment respectively. But you can customize them like the image below.
Link: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
Bracket Pair Colorizer / 2
This is one of the best extensions for almost anyone who writes code in VS Code. It simply lets you read nested code block better by, as you know it, colorizing the matching bracket pairs with colors.
Link: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
Gitlens
Gitlens is the extension you want to use when you are contributing to third-party projects. This extension integrates most of Git features into the VS Code so you can utilize Git more efficiently.
Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Live share
This extension lets you collaborate with others to write code in the same project in real-time. You can work on other repo without having to install them into your system first, and vice versa because it shares repository, terminal instances, debugging sessions, and more.
Link: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
Settings Sync
This extension helps people that use multiple devices to write code and most of the time the environment can be different. This extension lets you synchronize your settings, themes, keybindings, and even your snippets by using Github token & gist.
Link: https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Waka Time / Code Time
These two extensions let you track your (as you know it) coding time throughout the day. I personally prefer Waka Time. Below are some pictures of what this extension does.
They show detailed information about your coding activity, from coding time, active directory, most used languages, and text editors that you are using.
Regex Previewer
If you use regex regularly, you can use Regex Previewer. This extension shows the current regular expression’s matches in a side-by-side document.
Link: https://marketplace.visualstudio.com/items?itemName=chrmarti.regex
