配置source.fixAll.stylelint后自动修复失效,求解决办法
stylelint保存时自动修复失效的排查与解决
- 确认VS Code的stylelint插件已激活
打开扩展面板搜索stylelint,确保插件处于启用状态,未被禁用。 - 检查settings.json配置无冲突
- 确认
editor.codeActionsOnSave下没有其他规则覆盖stylelint自动修复,可暂时注释其他source.fixAll.*规则测试。 - 确保本地stylelint配置文件(如
.stylelintrc、stylelint.config.js)无语法错误,规则配置正常。
- 确认
- 配置stylelint支持的文件类型
若处理Vue、HTML等包含样式的文件,需在settings.json中添加文件验证配置:"stylelint.validate": [ "css", "scss", "vue", "html" ] - 确保stylelint版本兼容
查看package-lock.json中的stylelint版本,若与VS Code插件版本差异过大,执行命令更新:npm update stylelint - 禁用冲突的格式化工具
关闭VS Code内置格式化或Prettier等工具的自动格式化,避免抢占处理:"editor.formatOnSave": false, "[css]": { "editor.formatOnSave": false } - 重置插件缓存
关闭VS Code,删除.vscode/extensions目录下的stylelint插件文件夹,重新安装插件后重启测试。
内容的提问来源于stack exchange,提问作者Neil Wu
相关产品推荐
相关产品推荐

