vscode安装vetur不高亮解决方法！！巨坑

vscode安装vetur插件不高亮解决方法相信很多朋友在安装vetur时都踩过这个坑，在研究vue时vetur插件安装之后不高亮，在网上尝试了很多方法，比如重装vetur，修改setting.json文件等等，都没有解决这个问题，最后看到一篇博客说把data文件删了引起了我的注意，虽然那篇博客能解决问题，但付出代价是删了所有的data文件。最后经过思考和尝试，杠了又杠，找到了这个vetur和vs

吉圭子

4464人浏览 · 2020-11-17 17:03:07

吉圭子 · 2020-11-17 17:03:07 发布

vscode安装vetur插件不高亮解决方法

相信很多朋友在安装vetur时都踩过这个坑，在研究vue时vetur插件安装之后不高亮，在网上尝试了很多方法，比如重装vetur，修改setting.json文件等等，都没有解决这个问题，最后看到一篇博客说把data文件删了引起了我的注意，虽然那篇博客能解决问题，但付出代价是删了所有的data文件。
最后经过思考和尝试，杠了又杠，找到了这个vetur和vscode的某些颜色主题不兼容问题，
下面是解决方法
如下图打开颜色主题设置
在这里插入图片描述
就是下图这玩意儿，如果你设置的是light(visual studio)或者Dark(visual studio)主题，那恭喜你中奖了，你会发现不管怎么调试，vue代码都不会高亮，解决方法是设置成相应的defaul light的主题，如下图两个红框主题
在这里插入图片描述
如果以上方案没有解决你的问题，你可以再根据网上的常规方法设置setting.json，等等

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^