DEV Community

Aldo Portillo
Aldo Portillo

Posted on • Edited on

VSCode Extensions

Introduction

As I switch between dev environments. I find myself missing my extensions. Here is a list of some of my extensions, so I can refer back to them or, so you can can also use them! Comment your favorite extensions!

Global Workspace

Name Description
Error Lens Improve highlighting of errors, warnings and other language diagnostics.
VSCode Icons Icons for Visual Studio Code
Output Colorizer Syntax highlighting for log files
DotENV Syntax highlighting for your .env file
Code Spell Check Spell checker
Rainbow CSV Highlight CSV and TSV files, Run SQL-like queries
Markdown All in One All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
Markdown Lint Markdown linting and style checking for Visual Studio Code
CodeSnap Take beautiful screenshots of your code
Docker Build, manage, and deploy containerized applications.
WakaTime Track the time you spent coding
Indent Rainbow Make indentation easier to read
Blockman Mark and highlight code blocks

HTML and CSS

Name Description
Auto Rename Tag Auto rename paired HTML/XML tag

Ruby

Name Description
Ruby LSP VS Code plugin for connecting with the Ruby LSP
Endwise Wisely add "end" in Ruby.
ERB Formatter Format/Beautify ERB files
Rails DB Schema Definition and Completion provider for Rails DB Schema.
Rails Routes Navigator Display Routes of Rails, search incremental and navigate to the source location
Ruby and Rails Snippets Snippets for ruby and rails
Rubocop Rubocop gives suggestions on how to write Ruby code in a proper way.

Non Essential

Name Description
VSCode Pets Pets for your VS Code
In your face In Your Face, shows you Incredible 'Ouch Faces' that correlate to the number of errors in your code!
Subway Surfers Subway Surfers opens a window in vscode with game play footage to stimulate your short attention span

Top comments (1)

Collapse
 
dotenv profile image
Dotenv

💛🌴