如何解决VSCode中Prettier单行单属性禁用后仍生效问题?
解决Prettier禁用「单行单属性」后仍生效的问题
检查Prettier配置文件的正确性
确保项目根目录的.prettierrc(或.prettierrc.json、.prettierrc.js等)里正确设置了singleAttributePerLine: false,示例配置:{ "singleAttributePerLine": false }注意JS格式配置文件要保证语法无拼写错误。
确认VSCode的Prettier扩展配置未被覆盖
打开VSCode设置(快捷键Ctrl+,),搜索Prettier: Single Attribute Per Line,确认该选项未勾选。同时检查「用户」和「工作区」两个标签页的设置,避免工作区配置覆盖用户设置。排查其他格式化工具冲突
如果同时安装了HTML Format等其他格式化插件,可能和Prettier冲突。暂时禁用其他格式化插件,按Shift+Alt+F重新格式化文档,验证是否恢复正常。强制设置Prettier为默认格式化工具
打开任意HTML文件,点击右下角的格式化工具名称,选择「Configure Default Formatter...」,再选「Prettier - Code formatter」,确保Prettier是HTML文件的默认格式化工具。重启VSCode并清除缓存
配置修改后可能需要重启VSCode生效,也可以关闭VSCode后删除.vscode文件夹内的扩展缓存,再重新打开项目测试。检查Prettier版本兼容性
版本过旧或过新可能存在bug,可尝试更新到最新稳定版,在项目中执行:npm install prettier@latest --save-dev
内容的提问来源于stack exchange,提问作者Utku Orçan
相关产品推荐
相关产品推荐

