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

NameDescription
Error LensImprove highlighting of errors, warnings and other language diagnostics.
VSCode IconsIcons for Visual Studio Code
Output ColorizerSyntax highlighting for log files
DotENVSyntax highlighting for your .env file
Code Spell CheckSpell checker
Rainbow CSVHighlight CSV and TSV files, Run SQL-like queries
Markdown All in OneAll you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
Markdown LintMarkdown linting and style checking for Visual Studio Code
CodeSnapTake beautiful screenshots of your code
DockerBuild, manage, and deploy containerized applications.
WakaTimeTrack the time you spent coding
Indent RainbowMake indentation easier to read
BlockmanMark and highlight code blocks

HTML and CSS

NameDescription
Auto Rename TagAuto rename paired HTML/XML tag

Ruby

NameDescription
Ruby LSPVS Code plugin for connecting with the Ruby LSP
EndwiseWisely add "end" in Ruby.
ERB FormatterFormat/Beautify ERB files
Rails DB SchemaDefinition and Completion provider for Rails DB Schema.
Rails Routes NavigatorDisplay Routes of Rails, search incremental and navigate to the source location
Ruby and Rails SnippetsSnippets for ruby and rails
RubocopRubocop gives suggestions on how to write Ruby code in a proper way.

Non Essential

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