Improve your coding experience: More 10 VS Code extensions to try
Tags: vscode, webdev, productivity, programming
Published: 2023-01-22 18:16:32

## Introduction

One of the reasons VS Code is so popular is because of its extensibility. It allows us to install extentions that can do basicaly anything and improve our productivity and workflow.

In this post, I'll increase the list of extensions from [my previous post](https://blog.genezini.com/p/vs-code-extensions-worth-trying-out/) and show more 10 extensions that are worth trying.

## 1 - Project Dashboard

Project Dashboard is an alternative to the Project Manager extension that I added to the [previous list](https://blog.genezini.com/p/vs-code-extensions-worth-trying-out/#1---project-manager). It allows us to save and organize our projects, grouping and adding color to them, in a centralized panel.

![Project Dashboard](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/project-dashboard.png)

[Download](https://marketplace.visualstudio.com/items?itemName=kruemelkatze.vscode-dashboard&ref=hackernoon.com)

## 2 - Polyglot Notebooks

Polyglot Notebooks is an extension that lets us create notebooks for different languages inside VS Code. We can also use many languages in the same notebook file. It's really good to run code to try something without having to create a console app, for example.

![Polyglot Notebooks](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/polyglot-notebooks.gif)

[Download](https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.dotnet-interactive-vscode)

## 3 - Luna Paint

Luna Paint lets us edit images inside VS Code. It is still in preview and I find it a little slow, but it may help with some basic image edits.

![Luna Paint](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/luna-paint-1.png)

![Luna Paint's Tools](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/luna-paint-2.png)

[Download](https://marketplace.visualstudio.com/items?itemName=Tyriar.luna-paint)

## 4 - Nuget Gallery

Nuget Gallery is a nuget package manager for .NET projects, kind of like the **Manage Nuget Packages** feature of Visual Studio, but lighter.

![Nuget Gallery](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/nuget-gallery.gif)

[Download](https://marketplace.visualstudio.com/items?itemName=patcx.vscode-nuget-gallery)

## 5 - Markmap

Markmap generates mindmaps from markdown files (headers and lists become elements in the mindmap). It helps to visualize and organize the ideas of long and complex posts.

![Markmap](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/markmap.png)

[Download](https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode)

## 6 - Random Everything

This extension generates random data of various types (Country names, Hex colors, Dates, etc). Just open the command pallete and select `Random: Type of data` to generate the data.

> 💡 Tip 1: Use the `alt` key to put the cursor in more than one position and generate more than one item at a time like in the image below.
> 
> 💡 Tip 2: To generate data for a CSV file, start generating the data from right to left.

![Random Everything](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/random-everything.gif)

[Download](https://marketplace.visualstudio.com/items?itemName=helixquar.randomeverything)

## 7 - Resource Monitor

Just shows the system resources information (CPU, Free memory and batery status) in the VS Code status bar.

![Resource Monitor](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/resource-monitor.png)

[Download](https://marketplace.visualstudio.com/items?itemName=mutantdino.resourcemonitor)

## 8 - Rainbow CSV

This extension helps us visualize CSV files, highlighting every column with a different color.

![Rainbow CSV](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/rainbow-csv.png)

[Download](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)

## 9 - Diff Folders

Diff Folders is an alternative to the [Compare Folders](https://blog.genezini.com/p/vs-code-extensions-worth-trying-out/#2---compare-folders) extension from my previous list. I use both, but this is better for comparing folders that are not in the same parent directory because it doesn't require us to open then before comparing.

![Diff Folders](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/diff-folders.png)

[Download](https://marketplace.visualstudio.com/items?itemName=L13RARY.l13-diff)

## 10 - Web Accessibility Extension 

Web Accessibility is hard. This extension helps showing warning about basic accessibility problems in the HTML.

![Web Accessibility Extension](https://blog.genezini.com/p/improve-your-coding-experience-more-10-vs-code-extensions-to-try/images/web-accessibility.gif)

[Download](https://marketplace.visualstudio.com/items?itemName=MaxvanderSchee.web-accessibility)

## Liked this post?

I post extra content in my personal blog. [Click here](https://blog.genezini.com/) to see.

## Follow me

- [On Feedly](https://feedly.com/i/subscription/feed/https://blog.genezini.com/index.xml)
- [RSS](https://blog.genezini.com/index.xml)
- [Linkedin](https://www.linkedin.com/in/danielgenezini/)
- [Twitter](https://twitter.com/GeneziniDaniel)