vscode prettier格式化vue中解构格式错乱

Question

问题描述

vscode prettier格式化vue中 解构 格式错乱

这个是配置文件：

"eslint.alwaysShowStatus": true,
"eslint.options": {
    "plugins": ["html", "vue"],
    "configFile": "./.eslintrc.js"
},
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "scss",
    "sass",
    "css",
    {
        "language": "html",
        "autoFix": true
    },
    {
        "language": "vue",
        "autoFix": true
    }
],
"eslint.autoFixOnSave": true,
"prettier.singleQuote": true,
"prettier.jsxSingleQuote": true,
"prettier.useTabs": false,
"prettier.eslintIntegration": true,
"prettier.trailingComma": "es5",
"prettier.tabWidth": 2,
"prettier.arrayExpand": true,
"prettier.arrowParens": "avoid",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
        "wrap_attributes": "auto"
    },
    "prettyhtml": {
        "printWidth": 100,
        "singleQuote": false,
        "wrapAttributes": false,
        "sortAttributes": true
    }
},
"vetur.format.defaultFormatter.js": "prettier-eslint",
"beautify.config": {
    "brace_style": "collapse,preserve-inline"
},
"editor.formatOnPaste": true,
"editor.formatOnType": true,
"terminal.integrated.shell.osx": "zsh",
"editor.formatOnSave": true,
"editor.fontWeight": "500"

Answer 1

试试把这个改下

"vetur.format.defaultFormatter.js": "vscode-typescript"