vscode 设置 格式化文档时 属性不自动换行、 js 代码不自动换行（vue代码 data中定义的数据不自动换行）

一：VSCODE 选择 文件->首选项->设置

二：搜索  vetur.format.defaultFormatterOptions

三：点击settings.json

 

 四：添加如下设置

"vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {

　　　　　　　"wrap_line_length": 900, // 数值越大，一行放的属性越多

            "wrap_attributes": "auto",

            "end_with_newline": false

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

 

 五：保存即可