VS Code中Vue不能注释和格式化问题的解决方法

VS Code中Vue不能注释和格式化问题的解决方法

一、Vue不能注释

只需在VS Code的扩展商店中下载安装“Vetur ”插件就可解决
(如果代码都是白色也可使用此方法)

二、Vue无法格式化

1.首先在VS Code的扩展商店下载安装“Vetur ”插件(同上)
2.点击VS Code左下角的设置，再点击右上角的打开设置，步骤如下：




将以下代码加入到settings.json

"vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,
            "singleQuote": true,
            "printWidth": 100,
            "tabWidth": 4
        },
 
        "js-beautify-html": {
            "wrap_attributes": "auto",
            "wrap_line_length": 100
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "prettier"

如果安装还是不成功，请检查prettier插件是否安装有误

如果本文对你有帮助的话，请不要忘记给我点赞留言哟！！!
有问题请留言哟!