Vetur format js-beautify setting line break configuration

Default formatting adds semicolon

编辑 setting -> users -> settings.json

//去掉JavaScript 自动添加分号
"vetur.format.defaultFormatter.js": "vscode-typescript",

.vue file component wraps automatically

 "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_line_length": 250, //换行长度
            "wrap_attributes": "auto", //属性换行
            "end_with_newline": false
        }
},

Attach js-beautifypart of the configuration file

{
    "indent_size": 4,
    "indent_char": " ",
    "indent_with_tabs": false,
    "editorconfig": false,
    "eol": "\n",
    "end_with_newline": false,
    "indent_level": 0,
    "preserve_newlines": true,
    "max_preserve_newlines": 10,
    "space_in_paren": false,
    "space_in_empty_paren": false,
    "jslint_happy": false,
    "space_after_anon_function": false,
    "space_after_named_function": false,
    "brace_style": "collapse",
    "unindent_chained_methods": false,
    "break_chained_methods": false,
    "keep_array_indentation": false,
    "unescape_strings": false,
    "wrap_line_length": 0,
    "e4x": false,
    "comma_first": false,
    "operator_position": "before-newline",
    "indent_empty_lines": false,
    "templating": ["auto"]
}

Vetur Document Document with partial formatting rules