Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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]

like image 763
MaylorTaylor Avatar asked Nov 26 '22 13:11

MaylorTaylor


2 Answers

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

like image 113
Jyothilakshmi c Avatar answered Dec 27 '22 09:12

Jyothilakshmi c


  1. Disable Volar/Vetur extension
  2. Install and enable Vue 3 Support Extension
  3. Reload VSCode
like image 33
Code Whisperer Avatar answered Dec 27 '22 10:12

Code Whisperer