For the last week or so, every .vue files I work with has no syntax highlighting. I usually have the extension Vetur to help with syntax highlighting and other tweaks to .vue files.
Things I've tried so far:
.vue files have no errors![][1]](https://gamingcommission.club/i.sstatic.net/QcLwy.png)
You can install 'Vue 3 Support - All In One' from extensions in vs code. Then the issue with syntax highlighting will fix.
You can install the "Vue-official" extension from VS Code extensions store, and it will solve all your problems related to syntax highlighting.
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 !
According to Vetur's "No Syntax Highlighting & No Language Features working" FAQ, what you can do to resolve the issue is:
try disabling all other Vue related extensions.
or
- Run command:
Developer: Reinstall Extensionfor Vetur.- Remove Vetur in your extensions folder and do a clean reinstall.
- (Windows): Try removing & reinstall Vetur with admin privilege.
- If nothing above works, download the latest pre-packaged vsix file and install through vsix.
I faced same today and solved it by installing "vue-official" extension from visual studio code extensions menu.
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
Run command: Developer: Reinstall Extension for Vetur.Veturenabled...