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

Oldest comments (0)