无需Prettier/Standard，如何让VSCode拆分JavaScript长代码行？

内置格式化配置调整 #

VSCode自带的JS/TS格式化工具就能实现类似JetBrains的换行效果，无需额外工具：

• 打开设置（快捷键Ctrl+,），确认javascript.format.enable已勾选
• 搜索并修改以下核心配置：
  • javascript.format.wrapLineLength：设置触发换行的行长度阈值（比如设为80，和项目行宽限制一致）
  • javascript.format.placeOpenBraceOnNewLineForObjectsAndArrays：勾选后，对象/数组的左大括号会单独换行，匹配你示例中的格式
  • javascript.format.objectLiteralIndentation：设置对象属性的缩进级别（比如2），对齐JetBrains的风格
• 选中目标代码按Shift+Alt+F触发格式化，超长赋值语句就会自动拆分

轻量换行专用扩展 #

如果内置配置不够灵活，推荐两个仅聚焦于行长度拆分的轻量扩展：

• Line Break Helper：按设定行宽一键拆分超长行，仅处理换行操作，不改动其他代码风格
• Wrap Column Plus：针对对象、数组等结构智能换行，完全尊重现有代码格式

ESLint配置自动修复 #

ESLint也能实现自动修复，只需调整规则：

• 在.eslintrc中启用max-len规则，设置code值为项目的行长度限制
• 开启object-curly-newline规则，配置multiline: true和consistent: true，让多行对象自动拆分
• 开启VSCode中eslint.autoFixOnSave选项，或运行eslint --fix命令，即可自动拆分超长赋值行

以上方法均不会像Prettier那样强制修改其他代码风格，仅针对超长行进行拆分，适配项目现有偏好。

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