如何通过ESLint强制块语句前保留恰好1个空格（space-before-blocks）？

直接用ESLint自带的规则就能满足你的需求，不需要额外工具，具体配置如下：

1. 块语句前的空格控制（如函数括号与大括号间） #

启用space-before-blocks规则并设置为always，这会强制所有块语句（函数、if/else、循环等）的左大括号前保留恰好1个空格。

配置示例（.eslintrc.js）：

module.exports = {
  rules: {
    'space-before-blocks': 'error' // 设为warn仅提示，error会强制修复
  }
};

这个规则会把function() {自动修复为function() {。

2. 对象表示法的空格控制 #

需要结合两个规则实现你的需求：

• object-curly-spacing：控制对象大括号内外的空格，设置为always保证大括号前后各有1个空格，同时大括号内的内容与括号间也有空格。
• key-spacing：控制对象键与冒号的空格，设置beforeColon: false（键和冒号间无空格）、afterColon: true（冒号后有1个空格）。

配置示例：

module.exports = {
  rules: {
    'object-curly-spacing': ['error', 'always'],
    'key-spacing': ['error', { beforeColon: false, afterColon: true }]
  }
};

这会把const test = { prop: true };修复为const test = { prop: true };，完全符合你的要求。

3. 生效排查 #

如果配置后没生效，检查这几点：

• 确保VSCode的ESLint插件已启用，且在settings.json中开启了editor.codeActionsOnSave下的source.fixAll.eslint选项。
• 检查是否有其他ESLint规则冲突，比如no-multi-spaces这类规则可能干扰，需确保它们的配置不会覆盖上述规则。
• 尝试在终端执行eslint --fix 你的文件路径，手动触发修复，确认规则是否生效。

内容的提问来源于stack exchange，提问作者Alexander Nenashev