DEV Community

Gift Egwuenu
Gift Egwuenu

Posted on • Originally published at giftegwuenu.com on

A Collection of Essential Vscode Extensions

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 their 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 go a long way in helping developers maintain their 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.

prettier

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.

esint

GITLENS: This extension is 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

Top comments (0)