VS Code extensions to increase your Productivity
Tags: webdev, vscode, productivity, beginners
Published: 2021-11-24 14:59:19

Hey everyone, here's another VS Code extensions post that'll help you boost your productivity and fast-track your workflow.

#Tabnine:
![Tabnine for VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vij8oefen003v4jqpva.png)It is the world's leading AI tool trusted by 1 million developers in almost all programming languages. Tabnine AI studies your code using deep learning to predict and create customized suggestions depending  on how you write your own code. It can help you cut your coding time to less than half, and minimize the chances of mistakes. It’s local completion model runs on your machine keeping your code safe and Tabnine even works offline. Tabnine supports most of the popular libraries, frameworks and languages including Javascript, Java, React, Python, Vue, PHP, Kotlin, Angular, C / C++/ C# Rust & Typescript,

If you like to work in teams they have a pro version that is trained using advanced AI models. Tabnine is trained while you’re on the team project and even a small interaction with it will improve it’s AI accuracy improving team productivity. 

[Get Tabnine](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode)

#Better Comments:
![Better Comments for VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ywkzpfn5o9lglfltafwf.png)Better comments is an extension that can help you create “Human friendly” comments in your code. It is an example of how a small idea can help you increase your productivity and improve the quality of your work. Using this extension you can categorize your annotations into queries, alerts, Highlights and To do’s. This extension also gives you an option for comment style other than default comment style that can be selected through settings. Personally, It helps me spot important To Do's that might get skipped from my agenda.

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

#blox:
![blox for VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/knbg2txwoctso6bygiin.png)blox is another extension that can help you improve your productivity as it lets you drop code snippets with a single click. It’s aimed at fast tracking the developer workflow through the ease of adding pre-built UI components without leaving your VS code window. blox is supported by React, Angular, Vue and TailwindCSS. 

[Get blox](https://marketplace.visualstudio.com/items?itemName=vsblox.blox)

#Stepsize:
![Stepsize for VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cfct0ljnhd58khn78fyp.png)Stepsize helps you bookmark your code, report technical debt and code to refactor. If you find an issue while coding that needs to be fixed but you don’t have enough time to do it, In that case you can bookmark code and create TODOs straight in your IDE without compromising on your work or affecting your workflow. Stepsize also allows you to collaborate with your teammates on maintenance and refactoring work. 

[Get Stepsize](https://marketplace.visualstudio.com/items?itemName=Stepsize.stepsize)

#SonarLint:
![SonarLint for VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2j4z3gm3qrb5y8zb6zra.png)Sonarlint is another extension for devs that lets you fix coding issues even before they exist. For example, just like spell checker, SonarLint points out bugs and Security Vulnerabilities as you write your code, with guidance on how you can fix them before the code is even committed. SonarLint in VS Code supports JavaScript, TypeScript, Python, Java, HTML & PHP code.

[Get SonarLint](https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode)

Hope y'all enjoy using these extensions!

Happy Developing!