VS Code 1.32: Autocomplete in Vue Templates

Every month of VS Code updates brings in some useful features but there’s one this month that really stood out to me.

The ability to have VS Code (through the Vetur Vue Plugin) provide IntelliSense and autocomplete. Here’s the example that the VS Code update logs give us:

Let’s say you have some data() in your Vue component. Let’s say a message variable.

If you wanted to use that message variable in your template, you can start typing and see VS Code help you out!

This will work for the following:

• data in the current component
• computed properties
• methods
• props for any child components: will show on v-bind

The other updates that came in are:

• Use Prettier as an option for <template> formatter
• GraphQL custom block syntax highlighting
• Pug interpolation syntax highlighting

The full list of updates can be found on the Vetur changelog.

A big update for Vue developers that use VS Code and Vetur. Will definitely speed up my own Vue work. Great work to the VS Code team as always!