如何设置WebStorm按Ctrl+Shift+Enter换行时自动添加行尾逗号

适用场景 #

针对JavaScript/TypeScript、JSON（含JSON5/JSONC）代码，按下Ctrl + Shift + Enter换行新增对象字段时，自动在上一行字段末尾补全逗号。

设置步骤 #

1 JavaScript/TypeScript配置 #

• 按Ctrl+Alt+S打开WebStorm设置面板（macOS可通过顶部菜单栏WebStorm → 设置进入）
• 依次展开菜单：编辑器 → 代码风格 → JavaScript（需要设置TypeScript就选对应TypeScript选项）
• 切换到「其他」标签页，找到尾随逗号配置区域
• 将「对象」项的规则选择为「始终」，同时勾选「使用Ctrl+Shift+Enter补全时添加尾随逗号」选项
• 点击「应用」保存配置即可生效

2 JSON类文件配置 #

• 同样进入设置面板的编辑器 → 代码风格 → JSON路径
• 切换到「其他」标签页找到尾随逗号配置

注意：标准JSON语法不支持尾随逗号，如果你使用的是支持尾随逗号的JSON5、JSONC（带注释的JSON）格式，可将对应规则设置为「始终」并开启补全加逗号的选项，普通JSON不建议开启该配置避免语法报错。

效果验证 #

设置完成后，你的示例代码可以实现预期效果：
原代码：

const a = {
  a: 5
}

按下Ctrl + Shift + Enter后自动修改为：

const a = {
  a: 5,
}

光标会自动定位到下一行对象内部的缩进位置，可直接编写新字段。

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