VS Code中Prettier扩展无法正常工作的原因及自动保存功能是否影响的咨询

1. 为什么Prettier扩展无法正常工作？ #

Prettier失效通常是几个常见原因导致的，我给你列出来排查方向：

• 没把Prettier设为默认格式化工具：VS Code可能自带了其他格式化插件（比如ESLint的格式化功能），或者你装了别的同类扩展，这时候得手动指定Prettier优先。按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板，输入Format Document With，选Configure Default Formatter，然后挑Prettier就行。
• 配置文件冲突：如果项目里有.prettierrc、.editorconfig，或者VS Code的settings.json里写了和Prettier冲突的规则，会让它没法正常工作。比如你在Prettier里设了单引号，又在别的配置里强制双引号，就会出问题。
• 扩展没激活：偶尔VS Code启动时会抽风，导致Prettier没激活。去扩展面板找到Prettier，先禁用再重新启用试试。
• 本地依赖缺失：如果你选了用项目本地的Prettier（而不是扩展自带的版本），但项目根目录没装Prettier，扩展就调用不了。在项目里跑npm install prettier --save-dev或者yarn add prettier --dev装一下就行。
• 文件类型没关联：Prettier默认支持JS、TS、HTML这些常用格式，但如果你的文件是比较小众的扩展名，得手动在settings.json里关联。比如要让它支持.vue文件，就加这段：

  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
  

2. 首次安装后无法运行，自动保存会导致问题吗？ #

自动保存本身绝对不会搞坏Prettier，反而很多人都是配合formatOnSave设置，让Prettier在保存时自动格式化代码的。不过可能是你没配置对，导致看起来像是自动保存的锅：

• 如果你开了自动保存，但没开formatOnSave，那保存时根本不会触发Prettier，自然觉得它没工作。去设置里（按Ctrl+,或Cmd+,）搜索formatOnSave，把那个选项勾上就行。
• 还要确认Editor: Default Formatter已经设为Prettier，不然就算开了formatOnSave，调用的也是别的格式化工具。

只有一种极端情况可能和自动保存有关：如果你的自动保存时机设成了onFocusChange（切换窗口就保存），同时别的插件在保存时抢了Prettier的资源，但这种情况真的很少见，先把上面的基础配置检查一遍再说。

内容的提问来源于stack exchange，提问作者sukhi