Prettier 格式化时该选哪个 Parser?

设计师爱娜 阅读 2

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

这是我的 .prettierrc 配置:

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

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

我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
卫利(打工版)
这个问题我也遇到过,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