Having the right extension installed on your Visual Studio Code can speed up your productivity, make your codes readable and attractive and also foster collaboration. Here is a list of my top 10 Visual Studio Extensions that have made my life easier while developing web and mobile apps, and also made my codes attractive. These extensions are not platform-specific and can be used by any developer that uses Visual Studio Code. Let’s get started.
- Gitlens
- Prettier
- Project Manager
- All Autocomplete
- Auto close tag
- Auto rename tag
- Settings Sync
- Visual Studio Intellicode
- Live share
- Save as snippet
1. GitLens
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
GitLens is a powerful git extension that helps me glimpse into whom, why, and when a line or code block was changed. It even goes further to compare uncommitted code changes with my last commit on a particular file.
2. Prettier
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Prettier is a code formatter that format codes appropriately with a consistent style. If you want to make your code attractive have prettier in your toolset.
3. Project Manager
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
Project manager houses all my projects in one section of my Visual Studio Code and makes me switch between my projects easily, it eliminates the stress of going through my file explorer searching for my project. If you work on multiple projects, then this extension will come in handy for you.
4. All Autocomplete
https://marketplace.visualstudio.com/items?itemName=Atishay-Jain.All-Autocomplete
Instead of retyping variables or function names that I have typed earlier, All Autocomplete provides auto completion for Visual Studio Code items, so that I don’t waste any more time
5. Auto Close Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
Auto close tag automatically adds an HTML/XML close tag, imagine how this speeds up my time coding because my favourite code editor is assists me in writing my codes.
6. Auto Rename Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Just like the Auto Close Tag, the Auto Rename Tag helps me to rename the closing tag by just renaming the opening tag and vice-versa, can you see how sweet that can be especially for tags that have large content in it, I don’t need to stress myself to scroll down or up just to rename the other tag.
7. Settings Sync
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Settings sync comes in really handy when working with multiple computers, it can be a lot of stress trying to transfer/update my extensions, settings, snippets from one computer to another. Settings sync helps me to synchronise all my settings and extensions through the use of Github account without stress.
8. Visual Studio Intellicode
https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode
This is another time-saver extension for me, it helps with smart code completion suggestion especially when I want to access member functions – this saves me another great deal of extra typing, another icing on the cake is that it defines what the member function does if there is a definition, Javascript developers will enjoy this extension a lot.
9. Live share
https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
This extension is very useful for collaborating, it comes in handy when I am working in a remote team and I need the help of a team member with a bug. Live share enables me to edit and debug with other team members in real-time. Live share is like a virtual conference room for developers to work together. If you work in a remote team consisting of two or three developers working on the same project, I will advice you all have this extension installed.
10. Save as snippet
Save as snippet enables me to save code blocks I repeatedly type, with a snippet, so that I don’t have to type long blocks of code over and over again.
Bonus
11. Material Theme
https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme
Material theme makes my Visual Studio Code look beautiful and pleasing to the eye
12. Material Icon Theme
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
The Material Icon Theme provides lots of beautiful icons based on Material Design for Visual Studio Code.
Thank you for reading my top 10 best visual studio code extension. I would love to read your thoughts and comments. Cheers!!!
Top comments (0)