设置里搜索“vetur.”即可

"vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "auto"
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    }

当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置

需要在项目的根目录建一个.prettierrc文件,并在文件里写上如下代码:

{
    "semi": false,    // 使用分号, 默认为true
    "singleQuote": true,   // 使用单引号, 默认为false(在jsx中配置会无效, 默认为双引号)
    "bracketSpacing": true   // 对象中的空格 默认为true
 }