1

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

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

还有

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

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

2018-08-28 提问
3 个回答
14

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

vscode 设置里面

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

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

0

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

-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
    }
],

撰写答案

推广链接