如何单行同时禁用TSLint/ESLint并忽略Prettier以对齐对象属性

核心方案：组合工具专属注释 #

要同时实现属性冒号对齐、避免Prettier格式化、绕过ESLint/TSLint的空格检查，需针对每个工具添加对应的单行注释：

1. ESLint + Prettier 场景

• 用// prettier-ignore告知Prettier跳过当前代码块的格式化
• 用// eslint-disable-next-line key-spacing禁用ESLint的key-spacing规则（该规则会强制属性名与冒号、冒号与值之间的空格规范，破坏手动对齐）

示例代码：

// prettier-ignore
// eslint-disable-next-line key-spacing
const userInfo = {
  username: 'john_doe',
  email:    'john@example.com',
  age:      30,
  role:     'admin'
};

也可将注释合并到同一行：

// prettier-ignore // eslint-disable-next-line key-spacing
const userInfo = {
  username: 'john_doe',
  email:    'john@example.com',
  age:      30,
  role:     'admin'
};

2. TSLint + Prettier 场景

• 同样用// prettier-ignore忽略Prettier格式化
• 用// tslint:disable-next-line: object-literal-key-spacing禁用TSLint的object-literal-key-spacing规则

示例代码：

// prettier-ignore
// tslint:disable-next-line: object-literal-key-spacing
const userInfo = {
  username: 'john_doe',
  email:    'john@example.com',
  age:      30,
  role:     'admin'
};

补充说明 #

如果你的ESLint配置中启用了prettier/prettier规则（将Prettier规范作为ESLint规则），可在禁用注释中追加该规则，避免触发Prettier相关的ESLint报错：

// eslint-disable-next-line key-spacing, prettier/prettier
// prettier-ignore
const userInfo = {
  username: 'john_doe',
  email:    'john@example.com',
  age:      30,
  role:     'admin'
};

注释需放在被忽略的代码块上方，确保工具能正确识别范围。

内容的提问来源于stack exchange，提问作者Suhail Akhtar