鍍金池/ 問答/HTML/ vscode 格式化es6 import {} 自動換行，凡是帶有對象{}都會自

vscode 格式化es6 import {} 自動換行，凡是帶有對象{}都會自動換行?。?！

vscode 格式化es6 import {} 自動換行，凡是帶有對象{}都會自動換行?。。?/h3> 
import { Message } from 'element-ui'
// 格式化后立馬變成下面這樣，丑死了
import {
  Message
} from 'element-ui'

還有

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

我就想在同一行顯示，但是偏偏不行。
在vscode里面配置里找了一圈，網(wǎng)上搜了半天，依然無果，心累。。。
相信很多小伙伴都遇到這個問題，很多人是把自動格式化給關(guān)了，但是這樣也不好啊，有些地方還是要自動格式化的~~~

回答
編輯回答
陪她鬧

1.你需要下載eslint擴展
2.你需要下載vetur擴展。
3.指定eslint規(guī)則（項目根目錄下新建.eslintrc.js，不清楚可以百度elisnt規(guī)則），網(wǎng)上有模板的，自己根據(jù)喜好配置，以便在第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
    }
],
2018年6月5日 23:42