This lesson is from Vue Mastery’s Real World Vue course

With a growing number of quality code editors to choose from, you might be wondering what’s the best code editor for Vue.js. Some developers are as committed to their editors as they are to their political beliefs, so you’ll get different answers depending on whom you ask.

But when it comes to coding in Vue, one of the best people to ask is Evan You, the creator of Vue. So what does he use? Visual Studio Code.

In an interview, he was asked about the subject, and he replied:

…I switched back and forth until recently I started using TypeScript and because VS Code TypeScript is so good, I switched (permanently) to VS Code.

While Vue doesn’t require you to use TypeScript, its source code will soon be written in it, as we covered in this post on Vue 3.0.

You might be thinking… But I’m not working on the source code, and I don’t code Vue with TypeScript, is VS Code still relevant for me?

That brings me to the subject of Vetur, which is a feature-rich extension that gives you stuff like syntax-highlighting in .vue files, snippets, linting, error-checking and formatting, as well as auto-completion and debugging. At this point it’s the best Vue extension for a code editor. And it ought to be, because it’s developed by Pine Wu, who is a member of the Vue core team.

So if you’re interested in using VS Code for Vue development (or already are), you can follow along below as I show you how to optimize VS Code.