vscode 格式化es6 import {} 自动换行，凡是带有对象{}都会自动换行！！！

Question

vscode 格式化es6 import {} 自动换行，凡是带有对象{}都会自动换行！！！

import { Message } from 'element-ui'
// 格式化后立马变成下面这样，丑死了
import {
  Message
} from 'element-ui'

还有

next({ path: '/' })
// 变成
next({
 path: '/'
})

我就想在同一行显示，但是偏偏不行。
在vscode里面配置里找了一圈，网上搜了半天，依然无果，心累。。。
相信很多小伙伴都遇到这个问题，很多人是把自动格式化给关了，但是这样也不好啊，有些地方还是要自动格式化的~~~

Answer 1

1.你需要下载eslint扩展
2.你需要下载vetur扩展。
3.指定eslint规则（项目根目录下新建.eslintrc.js，不清楚可以百度elisnt规则），网上有模板的，自己根据喜好配置，以便在第4步自动按照这个格式格式化（比如你写的是双引号，ctrl+s后自动格式化成单引号）
4.

"editor.formatOnSave": false,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    {
        "language": "vue",
        "autoFix": true
    },
    {
        "language": "typescript",
        "autoFix": true
    },
    {
        "language": "typescriptreact",
        "autoFix": true
    }
],

Answer 2

1楼的做法做可以，解决了我的问题

Answer 3

谷歌找到答案了，经测试ok

vscode 设置里面

"beautify.config": {
  "brace_style": "collapse,preserve-inline"
}

参考 https://github.com/beautify-w...