vscode中vue文件不高亮显示

963 阅读1分钟

image.png 操作步骤如下:

1、打开控制指令 ctrl+shift+p

2、搜索settings

image.png

3、进入settings.json,添加代码:

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

image.png

4、保存即可

image.png