Useful VS Code plugins for more efficient and comfortable coding

  • Home
  • Useful VS Code plugins for more efficient and comfortable coding
Shape Image One
Useful VS Code plugins for more efficient and comfortable coding

Visual Studio Code is the most popular software development environment at the moment. It is developed by  Microsoft and has a great community and ecosystem to support it. Browse community-created open source extensions that help fill gaps in your productivity needs.

You can  speed up development with these tools and improve your collaboration with your teammates. However, the sheer number of options makes it difficult to choose which ones will be most useful. We offer a selection of extensions that will definitely be useful to you.

1. VS CODE: aesthetics

1. Editor Themes and Icon Packs

Color themes let you change the colors in the Visual Studio Code user interface to suit your preferences and work environment.

2. Beautify and Prettier

Even if you are a good programmer, if you don’t take care of proper formatting, your work will become messy. Code formatters help you clean up your code efficiently. It seems more organized and when someone looks at your code it will also help make a positive impression.
These extensions give you the ability to format hundreds of lines of code with the click of a button. But Prettier does not work for all languages. 

3. Peacock

With this extension you can “subtly change the color of your Visual Studio Code workspace.” This is useful when you have multiple instances of VS Code open and want to categorize them by color. And also when using Live Share to quickly identify your own editor. 

4. Better Comments

better comments

This extension will help you create better comments. Color coding for categories comments.
With this extension you will be able to classify your annotations into:

  1. Alerts
  2. Requests
  3. TODOS
  4. Basic moments

5. Code Snap and Fira Code Font

code snap with fira code font
  • FIRA CODE : Highlight characters like ->, =, or ==. Improves code readability.
  • CODE SNAP : Helps you conveniently take screenshots of code

6. Bracket Pair Colorizer 2

bracket pair colors

Selects paired parentheses. Although, in the latest version of VS Code this function is built-in.

2. VS CODE: organization

1. Project Dashboard

Project Dashboard

Project Dashboard is “a plugin that lets you manage  projects in a speed dial style.” To quickly access frequently visited folders, files, and SSH remotes, pin them to your dashboard. The Toolbar is a dedicated user interface that can be opened with CMD / CTRL + F1 and set to open automatically. CMD / CTRL + Click launches the project in the current window.  

Projects are organized into groups and can be color coded to make them easier to find. The dashboard is used to manage groups and projects. 

2. TODO TREE and TODO HIGHLIGH

  • TODO TREE: This extension quickly searches your work area for comment tags such as TODO and FIXME,and displays them in a tree view in the Explorer pane. Clicking TODO in the tree will open the file and place the cursor on the line containing TODO.
  • TODO HIGHLIGHT: Sometimes you forget to review TODOs added while writing code, before publishing the code to production. This is an extension that highlights them and reminds you that there are notes or things that haven’t been done yet. Found TODO can also be highlighted in open files.

3. BookMark

bookmark vscode extension

This extension helps you easily and quickly navigate in  code between important positions. No more searching for code. It also supports a set of selection commands that allows you to select bookmark lines and areas between bookmark lines, which is useful for analyzing log files.

Here are some of the features that BookMark offers”:

  1. Marking/unmarking positions in the code
  2. Marking a position in the code and giving it a name
  3. Move forward and back between bookmarks 
  4. Icons and overview ruler
  5. View a list of all bookmarks in one file and project
  6. Special sidebar

1. DevDocs Tab

dev docs vscode extension tab workspace

DevDocs is an open source online software that consolidates documentation for various developer tools into a single searchable interface.
DevDocs has been greatly optimized for mobile devices and is extremely responsive and can be installed on a desktop. It gives  easy access to reference manuals for “almost every language and framework/library” and displays all APIs for a particular language as well as their official documentation

2. Pomodoro Timer

The Pomodoro Technique is a time management system that encourages people to work with rather than against the time they have. Using this method, you divide your work day into 25-minute work blocks, separated by five-minute breaks, which provides your brain with a little boost during each sprint of heavy activity. This extension can be used to add a timer to the taskbar. 

3. Code Time

Code Time is an open source plugin for Visual Studio Code that automates programming metrics and time tracking.  

When you’re in a flow, Automatic Flow Mode identifies it and automatically turns off distractions and prevents interruptions.  

4. AI Assistants

  • Github Co-Pilot

    GitHub Copilot is an AI pair programmer that helps you write code faster and more efficiently. GitHub Copilot extracts context from comments and code and quickly suggests individual lines and entire procedures. OpenAI Codex,New artificial intelligence system developed by OpenAI supports GitHub Copilot. The tool can understand both programming and human languages. The technical preview of GitHub Copilot is now available as a Visual Studio Code extension. 
  • Kite Co-Pilot

    Kite is an AI-powered programming assistant that helps you write code faster in Visual Studio Code. Kite makes coding easier by storing keystrokes and displaying relevant information at the right time. It is very fast and integrates well with many IDEs .
  • Tab Nine

    This is another tool that is similar to Kite. Both tools are superior to their predecessors in terms of code completion. They all need to use a lot of memory, and Tab Nine uses almost twice as much memory as Kite. 
  • VS Code Intellicode

    The Visual Studio IntelliCode plug-in in VS Code provides AI development tools for Python, TypeScript, JavaScript, and Java developers, including insights based on understanding code context and machine learning. Built by the developers of VS Code for VS Code (Microsoft). 

Leave a Reply