如何配置VSCode格式化器实现函数块后插入换行且不影响if-else结构

嘿，这个问题我之前帮朋友解决过，咱们分几种常用的格式化工具来一步步搞定，保证精准满足你的需求：

方案1：用ESLint实现最精准的控制 #

ESLint的规则可以细粒度区分函数和if/else的空行要求，这是最灵活的方案：

1. 先确保你装了VSCode的ESLint插件，项目里也装了ESLint依赖（终端跑npm install eslint --save-dev就行）
2. 在项目根目录的.eslintrc.js（或者.eslintrc.json）里添加规则：

module.exports = {
  // 保留你原来的其他配置，比如环境、解析器选项等
  rules: {
    // 核心规则：顶级函数声明之间必须加至少一个空行
    "padding-line-between-statements": [
      "error",
      { blankLine: "always", prev: "function", next: "function" },
      // 确保if和else之间绝对不加空行
      { blankLine: "never", prev: "if", next: "else" },
      // 你还可以按需加其他规则，比如函数和变量声明之间要不要空行，自己调整就行
    ]
  }
};

3. 打开VSCode设置（快捷键Ctrl+,），找到Editor: Format On Save勾选上，再把ESLint: Enable设为true，最好把默认格式化器也设为ESLint。

这样保存代码时，两个紧挨着的函数会自动被加上空行，而if (...) { ... } else { ... }会保持紧凑的格式。

方案2：用VSCode内置的JavaScript格式化器 #

如果你不想额外装ESLint，只靠VSCode自带的格式化工具也能实现大部分需求：

1. 打开VSCode设置，搜索javascript.format.enable确保它是开启状态，再勾选Editor: Format On Save
2. 内置格式化器默认会给顶级函数之间加空行，但如果没生效，你可以检查一下有没有禁用相关的换行设置：比如搜索javascript.format.insertNewLineAfterOpeningAndClosingBraces，确保它没有被设为false（不过这个选项主要控制大括号内外的换行，默认值就够用）

需要注意的是，内置工具的规则比较固定，如果你有更复杂的自定义需求，还是ESLint更靠谱，但它默认就会让if/else保持紧凑，刚好符合你的要求。

方案3：Prettier + ESLint 兼顾风格与规则 #

如果你习惯用Prettier的格式化风格，但需要补充函数空行的规则，可以把两者整合起来：

1. 安装依赖：终端跑npm install eslint eslint-plugin-prettier eslint-config-prettier prettier --save-dev
2. 配置.eslintrc.js：

module.exports = {
  extends: [
    "eslint:recommended",
    "plugin:prettier/recommended" // 让ESLint和Prettier配合工作
  ],
  rules: {
    "padding-line-between-statements": [
      "error",
      { blankLine: "always", prev: "function", next: "function" },
      { blankLine: "never", prev: "if", next: "else" }
    ]
  }
};

3. 同样在VSCode里开启Format On Save，把默认格式化器设为ESLint，这样既能享受Prettier的自动格式化，又能精准控制函数和if/else的空行。

试一下：写两个紧挨着的函数function func1() { console.log(1) } function func2() { console.log(2) }，保存后应该会自动变成：

function func1() { console.log(1) }

function func2() { console.log(2) }

而if (true) { console.log('yes') } else { console.log('no') }会保持原样，不会被加空行。

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