VS Code安装Prettier V9.0.0后保存自动格式化JS、HTML文件失效求助
Prettier v9.0.0 仅CSS文件格式化生效问题解决方案
这是v9.0.0版本发布后非常常见的配置冲突类问题,按以下步骤排查即可解决:
- 校验全局/语言级格式化器配置
打开VS Code设置(快捷键Ctrl+,/Cmd+,),先搜索editor.defaultFormatter,确认全局默认格式化器已设置为esbenp.prettier-vscode。再分别搜索[javascript]、[html],检查对应语言的单独配置块,确认没有被指定其他格式化器,也没有单独关闭editor.formatOnSave开关。 - 检查Prettier插件的启用语言范围
进入Prettier扩展的设置页,找到Prettier: Enable Languages配置项,确认javascript、html都在启用列表中,如果之前手动修改过该配置,直接重置为默认值后重试。 - 排查项目级配置冲突
查看项目根目录的.prettierignore文件,确认js、html后缀文件没有被列入忽略规则;同时检查.prettierrc、.prettierrc.js等配置文件,确认没有overrides字段对js、html文件做格式化禁用配置。如果使用多根工作区,还要检查.vscode/settings.json中的工作区专属配置是否有格式化规则覆盖。 - 验证版本兼容问题
Prettier v9.0.0要求本地Node.js版本不低于v14.18.0,在终端执行node -v查看当前版本,版本过低的话升级Node.js到符合要求的版本,重启VS Code后重试。
如果以上步骤都操作完成后问题仍然存在,可以直接将Prettier插件回退到v8.x稳定版本验证,v9.0.0刚发布阶段存在少量语言适配的已知bug,回退版本可以快速确认是否为插件本身的版本问题。
内容的提问来源于stack exchange,提问作者Techguru
相关产品推荐
相关产品推荐

