VSCode 语法突出显示不适用于 Vue / Vetur

Question

在过去一周左右的时间里，我使用的每个 .VUE 文件都没有语法突出显示。我通常有扩展Vetur来帮助 synthax 突出显示和其他 .VUE 文件的调整。

到目前为止我尝试过的事情：

• 卸载/重新安装 Vetur
• 在 VScode 中更改文件关联
• 确保 .vue 文件没有错误

Answer 1

您可以从 VS Code 中的扩展安装“Vue 3 支持 - 一体化”。然后语法突出显示的问题将得到解决。

Answer 2

1. 禁用 Volar/Vetur 扩展
2. 安装并启用 Vue 3 支持扩展
3. 重新加载 VSCode

Answer 3

正如我所看到的 lang="pug" 不需要使用其他扩展名，如下所示：

https://vuejs.github.io/vetur/highlighting.html#custom-block

所以我认为问题可能出在您的项目文件上，请检查新的 vue 项目以确保问题不是来自您的文件和项目配置！