Configuring VS Code for Vue Development

As we all know Visual Studio Code is one of the most popular code editors among developers because it provides plugins that help us in writing the code faster due to shortcuts provided by plugins.

Roadmap:

  • Introduction to Vetur
  • Installing Vetur
  • Features of Vetur

The cool thing about Visual Studio Code is that people dedicate a lot of time to building plugins for everything they imagine.

One of such plugin is Vetur that can help Vue.js Developers

Vetur

Vetur is one of the most popular extensions for Vue.js and it’s available at the Visual Studio marketplace with more than 6 million downloads.

Vue-Code-Extension-1

Installing Vetur

Clicking the install button will trigger the installation panel in VS Code.
You can also open the extensions in VS Code and search for “vetur”.

Vue Code Extension 2

What does this extension provide?

  • Syntax highlighting
  • Snippets
  • IntelliSense
  • Scaffolding
  • Emmet
  • Linting and Error Checking
  • Code Formatting

Some of the developers also use Prettier for formatting the code.

Submit a Comment

Your email address will not be published. Required fields are marked *

Subscribe

Select Categories