VSCode Syntax Highlighting not working with Vue / Vetur

Viewed 13524

For the last week or so, every .VUE file I work with has no syntax highlighting. I usually have the extension Vetur to help with synthax highlighting and other tweaks to .VUE files.

Things I've tried so far:

  • uninstall/reinstall Vetur
  • change file associations in VScode
  • make sure .vue files have no errors

][1]

3 Answers

You can install 'Vue 3 Support - All In One' from extensions in vs code. Then the issue with syntax highlighting will fix.

As i see for lang="pug" there is no needs to use other extension as like below:

https://vuejs.github.io/vetur/highlighting.html#custom-block

So I think the problem may be on your project file, please check new vue project to be sure that the problem is not from your files and config of the project !

Related