Prettier 格式化时该选哪个 Parser？

设计师爱娜提问于 2026-03-08 13:16:19 阅读 48

工具

我在用 Prettier 格式化一个 .vue 文件，但控制台提示“Parser not found”。我试过在配置里指定 parser 为 vue，但好像不对？官方文档说会自动识别，可我的项目就是不生效。

这是我的 .prettierrc 配置：

{
  "semi": true,
  "singleQuote": true,
  "parser": "vue"
}

是不是 parser 名字写错了？还是需要额外装插件？

我来解答赞 8 收藏

反馈

1 条解答

卫利（打工版） Lv1

这个问题我也遇到过，vue文件的parser确实有点坑。首先你的配置里parser写"vue"是不对的，prettier官方支持的parser里没有这个选项。

正确的做法是：
1. 确保安装了必要的依赖：

npm install --save-dev prettier @prettier/plugin-vue

2. 在.prettierrc里把parser改成"vue"的替代方案（二选一）：
- 方案A（推荐）：

{

  "semi": true,

  "singleQuote": true,

  "parser": "vue-eslint-parser"

}

- 方案B：

{

  "semi": true,

  "singleQuote": true,

  "parser": "babel"

}

3. 如果还不行，检查下vscode的prettier插件是否加载了项目本地的prettier版本（右下角看看是不是用的项目node_modules里的prettier）

顺便吐槽下，prettier的vue支持确实不够智能，每次遇到这种问题都得折腾半天。我现在的项目直接锁死prettier和plugin-vue的版本号，省的哪天突然又报错。

2026-03-08 14:06