'VSCode Syntax Highlighting not working with Vue / Vetur

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]

vue.jsvisual-studio-codevscode-settingsvetur


Solution 1:[1]

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

Solution 2:[2]

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 !

Solution 3:[3]

As Sebastian Brosch said in a reply

This worked for me: https://github.com/vuejs/vetur/blob/master/docs/FAQ.md#no-syntax-highlighting--no-language-features-working

TLDR: Run command reinstall command in vscode and select vetur extension

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Jyothilakshmi c
Solution 2 soroush
Solution 3 Jose Pernia

Related Questions