DEV Community

Cover image for Enhance Your Coding Journey: 17 Must-Try VS Code Extensions for Enhanced Productivity and Time Savings
Sumonta Saha Mridul
Sumonta Saha Mridul

Posted on

Enhance Your Coding Journey: 17 Must-Try VS Code Extensions for Enhanced Productivity and Time Savings

In the ever-evolving landscape of Visual Studio Code (VS Code) extensions, there are several must-haves that significantly enhance the coding experience, productivity, and overall development workflow. Here, we explore some of the most valuable extensions, each with unique features that cater to different needs.

1. Excalidraw

Loading

Excalidraw is a powerful tool for creating diagrams and schemas within VS Code. It allows for quick and easy sketching, making it an invaluable asset for developers looking to visualize their ideas or architectures directly in their coding environment.


2. Draw.io Integration

Image

This extension brings the popular diagramming tool Draw.io into VS Code, enabling users to create and edit diagrams directly within their editor. It's a handy tool for developers working on projects that require clear, visual documentation.


3. Andromeda Theme

Imagdescription

Andromeda offers a unique dark theme inspired by the cosmos, providing a visually appealing and comfortable coding environment. It's perfect for developers who prefer dark themes and are looking for something more than the standard options.


4. Better Comments

  • Description: Improve your code commenting by annotating with alert, informational, TODOs, and more!
  • πŸ”— VS Marketplace Link: ( ⬇️ Install Extension )

Imagedescription

Better Comments enhances the way you comment your code by allowing you to annotate comments with different styles, such as alerts, informational messages, and TODOs. This helps in making your code more readable and maintainable.


5. GitHub Copilot

Imagedescription

GitHub Copilot is an AI-powered coding assistant that helps you write code faster by suggesting lines or blocks of code as you type. It's an incredible tool for developers looking to improve their coding efficiency and explore new coding techniques.


6. GitHub Copilot Chat

  • Description: Whether you're troubleshooting a bug or crafting a new feature, GitHub Copilot is here to assist when you encounter challenges.
  • πŸ”— VS Marketplace Link: ( ⬇️ Install Extension )

Imagedescription

GitHub Copilot Chat is a companion extension to GitHub Copilot that provides conversational AI assistance throughout your software development journey in VS Code.


7. Codachi

Imagedescription

Adds cute monster pets to your workspace to encourage productivity.


8. Jupyter Notebook Extension

  • Description: Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.
  • πŸ”— VS Marketplace Link: ( ⬇️ Install Extension )

Imagedescription

A Visual Studio Code extension that provides basic notebook support for language kernels that are supported in Jupyter Notebooks today, and allows any Python environment to be used as a Jupyter kernel. This is NOT a Jupyter kernel--you must have Python environment in which you've installed the Jupyter package, though many language kernels will work with no modification. To enable advanced features, modifications may be needed in the VS Code language extensions.


9. Phind.comβ€Š-β€ŠChat with your Codebase

Image1 description

image

Provides Better answer with links and source than ChatGPT. It is mixture of both Bard and ChatGPT


10. LeetCode

Imagedescription

Solve LeetCode problems in VS Code. You can access all the problems of leetcode. Read The Question and can also directy test and run the solution in vscode and can also submit to leetcode.


11. Tabnine: AI Autocomplete & Chat

Imagedescription

AI coding assistant with AI code completions and AI code chat right in the IDE, helping developers by generating code, writing unit tests and documentation, explaining legacy code, and much more. Tabnine supports all major languages including JavaScript, Python, Java, Typescript c/c++ and more.


12. Shortcut Menu Bar

  • Description: Add handy buttons like beautify, show opened files, save, toggle terminal, activity bar etc to editor menu bar. User-defined buttons are also possible.
  • πŸ”— VS Marketplace Link: ( ⬇️ Install Extension )

Imagedescription

Add 35+ handy buttons like beautify, show opened files, save, toggle terminal, activity bar, Find replace etc to the editor menu bar in VSCode. You can also create your own buttons with custom commands.


13. Snippet

Vscode extension that allows users to create and insert user defined code snippets.


14. Thunder Client

Imagedescription

Thunder Client is a lightweight Rest API Client Extension for Visual Studio Code. Almost Similar to postman but its better cause it is integrated with Vscode , You can test api directly in vscode


15. TODO Highlight

Imagedescription

Imagedescription

Highlight TODO, FIXME and other annotations within your code. Sometimes you forget to review the TODOs you've added while coding before you publish the code to production. So I've been wanting an extension for a long time that highlights them and reminds me that there are notes or things not done yet.


16. CodeTour

Imagedescription

CodeTour is a Visual Studio Code extension, which allows you to record and play back guided walkthroughs of your codebases. It's like a table of contents, that can make it easier to onboard (or re-board!) to a new project/feature area, visualize bug reports, or understand the context of a code review/PR change.

17. Vscode-pdf

Imagedescription

Display pdf in VSCode.


Feel free to drop your comments below and share your favorite extensions. Your feedback and contributions are always appreciated!

Top comments (0)