Stylelint保存时格式化导致SCSS文件样式声明重复
Stylelint保存时格式化触发双斜杠注释后CSS属性重复问题
问题现象
- 开启VS Code「保存时格式化」功能后,保存SCSS文件时,Stylelint会重复双斜杠注释后的CSS属性
- 仅「保存时格式化」触发时出现该问题,手动执行「Fix All」命令无此异常
- 即使Stylelint配置文件为空或未指定任何配置,问题仍然存在
- 移除代码中的双斜杠注释,或者禁用Stylelint扩展后,问题消失
临时解决方案&排查方向
- 检查VS Code格式化关联设置:确认
editor.defaultFormatter是否将SCSS文件关联到Stylelint扩展,可尝试切换为其他格式化工具(如Prettier)对比测试 - 更新Stylelint扩展:前往VS Code扩展市场,将
stylelint.vscode-stylelint更新至最新版本,该问题可能是旧版本的已知bug - 替换注释类型:暂时将双斜杠注释(
// ...)替换为CSS块注释(/* ... */),规避异常触发 - 调整保存格式化规则:在VS Code设置中配置
[scss]的editor.formatOnSave为false,仅手动触发格式化操作
内容的提问来源于stack exchange,提问作者Tomasch
相关产品推荐
相关产品推荐

