嘿，我懂你要解决的问题——就是想让ESLint严格约束多行对象字面量和数组的缩进，允许单行写法、带末尾逗号的格式，但要把那些缩进混乱的多行写法给禁掉对吧？你之前用的object-property-newline其实只负责控制属性是否允许换行，不管缩进对齐的事儿，所以得搭配几个规则一起用才能达到预期效果：

1. 核心：用indent规则管缩进对齐 #

这是控制多行对象/数组缩进的关键，得给它配置针对对象和数组的选项：

"indent": [
  "error",
  2, // 这里换成你想要的缩进空格数，比如2或4
  {
    "ObjectExpression": "first",
    "ArrayExpression": "first"
  }
]

• ObjectExpression: "first"：强制多行对象的每个属性都缩进一级（和左大括号的下一行对齐）
• ArrayExpression: "first"：同理，多行数组的每个元素也要保持统一缩进

2. 用换行规则区分单行/多行场景 #

光有缩进还不够，得让ESLint知道什么时候该换行，什么时候可以单行：

对象换行：object-curly-newline #

"object-curly-newline": [
  "error",
  {
    "multiline": true, // 只要对象里有换行，就要求大括号必须跟着换行
    "consistent": true, // 保持一致性：要么全单行，要么全多行
    "minProperties": 1 // 可选：当属性数≥这个数时强制换行，按需调整
  }
]

数组换行：array-bracket-newline #

"array-bracket-newline": [
  "error",
  {
    "multiline": true,
    "consistent": true,
    "minItems": 1
  }
]

数组元素换行：array-element-newline #

确保多行数组的每个元素单独占一行：

"array-element-newline": ["error", "consistent"]

3. 允许末尾逗号：comma-dangle #

你的需求里允许末尾逗号，所以开启这个规则的always-multiline选项：

"comma-dangle": [
  "error",
  {
    "arrays": "always-multiline",
    "objects": "always-multiline",
    "imports": "never", // 其他类型按需调整
    "exports": "never",
    "functions": "never"
  }
]

4. 补全键值对空格规则：key-spacing #

确保对象属性的键和冒号之间的空格统一：

"key-spacing": [
  "error",
  {
    "beforeColon": false,
    "afterColon": true,
    "mode": "strict" // 严格控制空格数量，避免乱加空格
  }
]

最终组合配置 #

把这些规则放到你的ESLint配置文件（比如.eslintrc.json）里，大概是这样：

{
  "rules": {
    "indent": [
      "error",
      2,
      {
        "ObjectExpression": "first",
        "ArrayExpression": "first"
      }
    ],
    "object-curly-newline": [
      "error",
      {
        "multiline": true,
        "consistent": true
      }
    ],
    "array-bracket-newline": [
      "error",
      {
        "multiline": true,
        "consistent": true
      }
    ],
    "array-element-newline": ["error", "consistent"],
    "comma-dangle": [
      "error",
      {
        "arrays": "always-multiline",
        "objects": "always-multiline",
        "imports": "never",
        "exports": "never",
        "functions": "never"
      }
    ],
    "key-spacing": [
      "error",
      {
        "beforeColon": false,
        "afterColon": true,
        "mode": "strict"
      }
    ],
    "object-property-newline": [
      "error",
      {
        "allowAllPropertiesOnSameLine": true
      }
    ]
  }
}

为啥之前的配置没生效？ #

你之前只加了object-property-newline，这个规则的作用是允许所有属性在同一行，或者强制属性换行，但它完全不管缩进是否一致。而indent规则才是控制多行对象/数组缩进对齐的核心，配合换行规则和逗号规则，就能完美满足你的需求：既允许合法的单行、带末尾逗号的格式，又能把那些缩进混乱的违规写法给拦住。

内容的提问来源于stack exchange，提问作者Leo Jiang