javascript更漂亮的格式对象多行

时间:2018-06-24 12:59:25

标签: javascript prettier

我在VSC编辑器中运行Prettier,并且一段时间以来我在对象格式方面遇到问题。问题在于,即使一行上有整个对象的空间,它也会始终将对象格式化为多行。

输入

let map = {
  0: { x: 0,  y: -1 }, 
  1: { x: 1,  y: 0 },  
  2: { x: 0,  y: 1 }, 
  3: { x: -1, y: 0 }  
};

输出

let map = {
  0: {
    x: 0,
    y: -1
  },
  1: {
    x: 1,
    y: 0
  },
  2: {
    x: 0,
    y: 1
  },
  3: {
    x: -1,
    y: 0
  }
};

它也可以通过导入来实现:

输入

import { Foo } from 'Bar';

输出

import {
  Foo
} from 'Bar';

这些是我当前的规则:

editor.formatOnSave": true,
"prettier.singleQuote": true,
"prettier.printWidth": 80,
"prettier.bracketSpacing": false,
"prettier.proseWrap": "always",
"prettier.trailingComma": "all"

有什么方法可以防止这种行为,最好是永久性的?

0 个答案:

没有答案