VSCode中JS格式化失效怎么指定解析器-VSCode-PHP中文网

JS格式化失效主因是语言绑定断开、配置文件解析失败或VSCode未识别文件语言；需确保editor.defaultFormatter正确绑定至esbenp.prettier-vscode，右下角语言模式为javascript/typescript，且prettier.config.js语法正确。

vscode中js格式化失效怎么指定解析器

JS格式化失效时，`parser` 不是你要配的地方

VSCode 本身不解析 JavaScript 代码，也不靠 parser 字段来决定怎么格式化——这个字段属于 ESLint 配置（如 .eslintrc.js），只影响语法检查和自动修复，**对 Prettier 格式化完全无效**。很多人在 .eslintrc.js 里写了 parser: 'babel-eslint' 或 parser: '@typescript-eslint/parser'，却指望它让 Prettier 开始工作，结果当然没反应。

`editor.defaultFormatter` 才是 JS 格式化生效的开关

Prettier 对 JS/TS 文件起作用的前提，是 VSCode 明确把该语言“交”给它处理。这个绑定动作必须通过设置完成，而不是靠 ESLint 的 parser。

打开 settings.json（Ctrl+Shift+P → Preferences: Open Settings (JSON)）

确保有这两项（顺序无关）：

{
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

注意拼写：必须是 esbenp.prettier-vscode，不是 prettier、prettier-vscode 或带空格的变体
如果用的是 typescriptreact（如 .tsx 文件），还得单独加一块："[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }

右下角语言模式错，`defaultFormatter` 就是摆设

即使配置全对，只要右下角显示的是 Plain Text 或 JavaScript React（旧版 ID，已弃用），VSCode 就不会查 [javascript] 这块设置，而是去查 [plaintext] 或根本没对应块——结果就是按 Shift+Alt+F 没反应，保存也不格式化。

Expanso yaml-to-json

使用 Expanso Edge 管道将 YAML 输入转换为 JSON 格式。

下载

点击右下角语言标识，输入 javascript 或 typescript，回车确认
对 vite.config.ts、astro.config.mjs 这类文件，VSCode 默认识别为 typescript 可能失败；可在 settings.json 中强制关联：
```
"files.associations": {
  "vite.config.*": "typescript",
  "astro.config.*": "typescript"
}
```
临时切换语言后格式化恢复，说明问题就卡在这一步——别绕开它去调别的配置

格式化仍不动？检查 Prettier 是否真加载了规则

Prettier 启动后会读项目根目录的 .prettierrc、prettier.config.js 等。一旦配置文件语法错误（比如 JSON 里用了单引号或注释），它会静默退出，不报错，也不格式化——看起来就像“插件失效”。

运行 npx prettier --debug-check index.js，它会明确告诉你哪一行、哪个 key 出错（例如 trailingcomma 拼错，或 semi 值不是布尔型）
优先用 prettier.config.js 替代 .prettierrc：支持注释、变量、导出函数，容错更强
删掉项目里的 .prettierrc，看是否恢复——如果恢复了，问题一定出在那个文件里

真正卡住 JS 格式化的，从来不是某个 parser 设置，而是语言绑定断了、配置文件崩了、或者 VSCode 根本没认出这是 JS 文件。这三个点没理清，调一百遍 parserOptions 都没用。