CODEWITHSUNDEEP
vue.jsvisual-studio-codesyntax-highlightingvetur
MaylorTaylor
MaylorTaylor

Reputation: 5041

VS Code syntax highlighting not working with Vue/Vetur

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:

][1]

Upvotes: 20

Views: 34138

Answers (7)

AdityaUbale
AdityaUbale

Reputation: 45

I faced same today and solved it by installing "vue-official" extension from visual studio code extensions menu.

Upvotes: 0

Coder
Coder

Reputation: 23

You can install the "Vue-official" extension from VS Code extensions store, and it will solve all your problems related to syntax highlighting.

Upvotes: 1

Gulfani Putra
Gulfani Putra

Reputation: 75

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

Upvotes: 0

Code Whisperer
Code Whisperer

Reputation: 23652

  1. Disable Volar/Vetur extension
  2. Install and enable Vue 3 Support Extension
  3. Reload VSCode

Upvotes: 6

Jyothilakshmi c
Jyothilakshmi c

Reputation: 235

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

Upvotes: 21

Jose Pernia
Jose Pernia

Reputation: 16

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

Upvotes: -3

soroush
soroush

Reputation: 756

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 !

Upvotes: 0

Related Questions