VSCode安装Prettier插件 代码洁癖必备VSCode自动格式化

Prettier插件安装后不自动格式化，主因是未将esbenp.prettier-vscode设为默认格式化器；需手动在设置中指定，并确保language-specific设置未禁用formatOnSa ve，同时检查.prettierrc路径及解析器配置。

一个常见的误区是：Prettier插件安装成功，就等于自动格式化万事大吉。实际上，超过九成的用户都卡在了第一步——默认格式化器没有设置正确。

为什么保存代码后 Prettier 完全没反应

问题根源在于，VSCode并不会因为插件已安装就自动启用它。系统默认可能还在使用内置的Ja vaScript格式化器、ESLint，或者在Vue项目中默认使用Vetur。这就导致你满怀期待地按下Ctrl+S后，缩进纹丝不动、引号五花八门、分号时有时无——因为格式化流程压根就没走到Prettier这一步。

• 打开设置面板，搜索default formatter，在下拉框中，必须手动选择esbenp.prettier-vscode。注意，这个名称带有短横线和空格，不是简单的prettier或其他简称。
• 如果下拉列表里根本找不到这个选项，通常意味着两种情况：要么插件未被正确启用，要么项目根目录下缺少prettier包（运行npm install --sa ve-dev prettier补上即可）。
• 对于多根工作区项目，如果每个子文件夹都是独立项目，那么每个子项目都需要有自己的node_modules/prettier或配置文件，否则插件会找不到运行时环境。

JS/TS 文件保存不格式化？检查语言专属设置是否覆盖了全局

即使全局的editor.formatOnSa ve已经设置为true，VSCode也允许为特定语言单独关闭这个功能。Ja vaScript和TypeScript文件就很容易被[ja vascript]或[typescript]这样的语言专属设置静默“禁用”。

• 在设置中搜索format on sa ve，仔细检查所有带方括号的语言特定条目（比如[ja vascript]），确保它们的值不是false。
• 更稳妥的做法是，直接在settings.json配置文件中显式声明：

  {
    "editor.formatOnSa ve": true,
    "[ja vascript]": { "editor.formatOnSa ve": true },
    "[typescript]": { "editor.formatOnSa ve": true }
  }

• 对于Vue文件，还需要额外添加[vue]配置块，否则