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

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

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

还有

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

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

阅读 2.6k
评论 更新于 2018-08-28
    3 个回答

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

    vscode 设置里面

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

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

    评论 赞赏 2018-11-17

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

      评论 赞赏 2019-05-17

        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
            }
        ],
        评论 赞赏 2018-08-30
          撰写回答

          登录后参与交流、获取后续更新提醒