Extensiones de Visual Studio que utilizo en mi trabajo diario

Archivado

Este artículo se publicó originalmente en mi antiguo blog de tecnología: Building Blocks. Actualmente está archivado y probablemente obsoleto.

In this post I will show you some of the extensions I like to use to improve my productivity.

General

User Interface

Fluent Icons

This extension changes Visual Studio Code icons (e.g. the toolbar ones), so it’s cool if you get bored of the the official ones.

Material Icon Theme

This extension changes files and folders icons, also providing new ones for specific frameworks such as Angular.

Shades of Purple

One of the themes I usually use. I love purple.

Noctis

The other theme I use. Specifically the Noctis Uva one. Did I say I love purple?

Editor Features

Test Explorer UI

Extensible user interface for running your tests in VS Code.

Visual Studio IntelliCode

AI-assisted autocomplete. You need to give it a try.

Inline Parameters for VSCode

This feature is already implemented in Intellij family IDES and I find it quite useful.

Bookmarks

Just a way to store links to your code so you can check them later.

EditorConfig for VS Code

No more tabs vs spaces conflicts!

UUID Generator

It just does what it says.

vscode-spotify

Integrates a small player inside the editor with the current playing song. Also allows you to access your playlists.

Git

Git History

Display your Git repository history/log in a nice way.

GitLens — Git supercharged

Allows you to see who did any change, navigate between revisions and more.

Syntax Highlight

Bracket Pair Colorizer 2

Allows matching brackets to be identified with colours.

ENV

Syntax Highlight for .env files.

GraphQL

Syntax Highlight, validation and language features for GraphQL.

MDX

Syntax highlighting and bracket matching for MDX files.

Rainbow CSV

Highlight CSV and TSV files, also run SQL-like queries on them.

TODO Highlight

Highlight TODOs, FIXMEs, and any keywords, annotations…

XML

XML Language Support.

YAML

YAML Language Support.

GitHub Actions

Autocomplete for GitHub Actions workflows files.

HashiCorp Terraform

Syntax Highlight and autocomplete for Terraform

JavaScript/TypeScript

JavaScript and TypeScript Nightly

Latest JavaScript and TypeScript features.

ESLint

Linter for JavaScript and TypeScript projects.

TSLint

Old linter for TypeScript projects. Now it’s being deprecated in Angular projects.

Angular

Angular Language Service

Official Angular support for Visual Studio Code.

Angular Snippets

Some Angular snippets.

angular2-inline

Highlights inline HTML and CSS on Angular TypeScript components

Angular 2 TypeScript Emmet

Allows you to use Emmet on Angular TypeScript inline components

And that’s it. As you can see, Visual Studio Code extensions is an ever-growing ecosystem with lots of tools that can help you feeling comfortable and improving your productivity. What extensions do you use on your daily? Did I miss something interesting? Put it on the comments box and I will read you. Thanks for reading me.