A Collection of Essential VSCode Extensions

12 May 2018.⏱2 mins read

Code Editors are one of the essential tools for a Developer as long as you write code. But an interesting fact is every developer loves to enhance thier workflow and be more productive. I mean why waste time trying to achieve a task when there's a tool to do that. That brings us to the topic extensions for Vscode. These tools goes a long way in helping developers maintain thier codebase and also promote productivity. Ever since i switched to Vscode i've found the following extensions to be my holy grail. I pretty much can't do without them don't get me wrong i mean they're awesome tools to have around. Let's cut to the chase shall we.

PRETTIER: is an awesome tool for keeping consistent codebase. It is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.


ESLINT: i have a love-hate relationship with this tool because it's automated and i get to know what i'm doing wrong at a glance. The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn't provide one the extension looks for a global install version. If you haven't installed ESLint either locally or globally do so by running npm install eslint in the workspace folder for a local install or npm install -g eslint for a global install.


GITLENS: This extension is a powerful in ways you can't imagine. It has the ability to provide Git information (most recent commit, list of authors) in CodeLens, on-demand inline blame annotations, a blame explorer, and commands to compare changes with the working tree or previous versions.

VUE 2 SNIPPETS: This extension will supercharge your Vue workflow. Easily scaffold Vue directives like v-for, v-if, v-show and more without running to the docs to confirm if you got the syntax right.


MARKDOWNLINT: Markdownlint is a Visual Studio Code extension that includes a library of rules to encourage standards and consistency for Markdown files. It is powered by markdownlint for Node.js which is based on markdownlint for Ruby.

💡 Awesome Resource for VScode Tips VSCODECANDOTHAT

View All Posts 🔖

Hello! 👋 I’m Gift, a Frontend Engineer passionate about making the web accessible to everyone and building communities. I write content on HTML, CSS, Jamstack, Accessibility, and Career related topics.

If you find this article helpful consider sharing this post, connecting with me on Twitter or becoming a Patron.