VSCode Syntax Highlighting not working with Vue / Vetur

vue.js visual-studio-code vscode-settings vetur
MaylorTaylor picture MaylorTaylor · Aug 3, 2020 · Viewed 8.9k times · Source

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]

Answer

soroush picture soroush · Aug 3, 2020

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 questions

Why Prettier does not format code in VSCODE?

In my Nuxt application where ESlint and Prettier are installed and enabled, I switched to Visual Studio Code editor. When I open a .vue file and press CMD+ Shift + P and choose Format Document, my file does not get formatted …

Read More
How disable eslint warning for a specific line in a template in a .vue file in VS Code

I would like to dismiss this error on my vue file I am trying to add this processor line <!-- eslint-disable-next-line vue/no-use-v-if-with-v-for --> and <!-- eslint-disable-next-line vue/no-confusing-v-for-v-if --> but neither Nor dismiss the eslint …

Read More
Can't get correct autoformat on save in Visual Studio Code with ESLint and Prettier

in Visual Studio Code with ESLint and Prettier when working on .vue files, it seems I can't get vue/max-attributes-per-line to auto-fix correctly. For example, with vue/max-attributes-per-line set to 'off', and I try to add line breaks manually it …

Read More