WebStorm换行无缩进配置:适配ESLint无尾随空格规则
解决方案:WebStorm空行缩进问题处理
一、实现你要的效果(换行时空行无缩进,输入字符自动继承缩进)
完全可行,直接调整WebStorm的编辑器设置就能实现:
- 打开设置(快捷键
Ctrl+Alt+S或File → Settings) - 进入
Editor → Code Style,选择你正在使用的语言(比如JavaScript/TypeScript) - 切换到
Wrapping and Braces标签页 - 找到并取消勾选 Keep indents on empty lines 选项
- 应用设置后,按Enter换行生成的空行不会带缩进;当你在空行输入第一个字符时,编辑器会自动补上对应层级的缩进,完全匹配你的需求。
二、替代方案:自动修复ESLint警告
如果不想改编辑器设置,也可以借助工具自动处理,不用手动删缩进:
- ESLint自动修复
打开WebStorm设置,进入Languages & Frameworks → JavaScript → Code Quality Tools → ESLint,勾选Run eslint --fix on save。之后每次保存文件,ESLint会自动清除空行里的多余缩进,直接解决警告。 - WebStorm格式化
使用快捷键Ctrl+Alt+L格式化代码,只要你的WebStorm代码风格和ESLint规则对齐,格式化时会自动清理空行的无效缩进,一步到位。
内容的提问来源于stack exchange,提问作者HipsterHiken
相关产品推荐
相关产品推荐

