在VsCode环境下,vue文件不高亮显示,是黑色的,













经过添加插件vetur,但是界面依旧。


VsCode的vue文件不高亮显示_html


最后,需要经过如下配置即可。


VsCode的vue文件不高亮显示_vscode_02


VsCode的vue文件不高亮显示_vue.js_03


天下如下代码即可:

{
    "[html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.ChromeDebuggingAttachment": false,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "notebook.kernelProviderAssociations": [
    ],
    "files.associations":{
        "*.vue": "html"
    }
   
}

最后效果如下:

VsCode的vue文件不高亮显示_vue.js_04