You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何配置WebStorm以保留SCSS文件中的空行?

解决WebStorm格式化SCSS时保留空行的配置方法

嘿,这个问题我之前也踩过坑!WebStorm默认的格式化规则确实会自动移除多余空行,不过只要调整几个设置就能轻松解决,具体步骤如下:

  • 打开WebStorm设置界面:用快捷键Ctrl+Alt+S(Windows/Linux)或者Cmd+,(Mac)快速调出设置面板。
  • 定位到SCSS代码风格配置:在设置左侧菜单依次展开Editor → Code Style → SCSS。
  • 开启保留现有换行:切换到Wrapping and Braces标签页,找到并勾选Keep existing line breaks选项——这个选项是核心,它会让编辑器尊重你手动添加的空行,不会在格式化时强制删除。
  • (可选)自定义空行数量:如果想精准控制不同代码块之间的空行(比如规则与规则之间、嵌套选择器内部的空行),可以切换到Blank Lines标签页,调整Around rule、Inside rule等选项的数值,按需设置即可。
  • 保存设置:点击面板右下角的Apply和OK,之后再用Ctrl+Alt+L(Windows/Linux)或Cmd+Opt+L(Mac)格式化SCSS文件,你的空行就会被完整保留啦!

内容的提问来源于stack exchange,提问作者Adrian

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 06:46:16