Top 5 VS Code extensions for Vue.js

Getting Started Oct 16, 2019

Visual Studio Code is one of the best and most widely used code editors around the web at current moment. A lot of people have migrated in the recent years from Sublime Text to Visual Studio Code for several reason, one of which being tooling and support for the languages. So here are our top 5 VS Code extensions for Vue.js.

  1. Vetur

This is the most useful plugins for Vue.js development. This plugin is specific to vue.js development. It has Syntax-highlighting, Snippet support, Formatting, lots of Framework Support and more. checkout https://vuejs.github.io/vetur/

2. Quokka.js

Generally, when we want to do some stuff in JavaScript we will go to either jsbin or JSFiddle or Codepen. But this plugin gives the same thing in VS Code itself.

3. Bracket Pair Colorizer

This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use.

4. Prettier

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.

5. Better Comments

The Better Comments extension will help you create more human-friendly comments in your code. It highlights your comments with color.