Prettier 格式化时该选哪个 Parser? 设计师爱娜 提问于 2026-03-08 13:16:19 阅读 2 工具 我在用 Prettier 格式化一个 .vue 文件,但控制台提示“Parser not found”。我试过在配置里指定 parser 为 vue,但好像不对?官方文档说会自动识别,可我的项目就是不生效。 这是我的 .prettierrc 配置: { "semi": true, "singleQuote": true, "parser": "vue" } 是不是 parser 名字写错了?还是需要额外装插件? 我来解答 赞 1 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 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 加载更多 相关推荐 2 回答 28 浏览 在Vue项目里改Prettier的parser选项没效果怎么办? 我在Vue项目里配置Prettier时,发现代码格式化总是报错,明明设置了parser是"vue": { "parser": "vue", "semi": false } 但保存时还是提示Failed... 一羽霏 工具 2026-02-13 20:13:26 1 回答 11 浏览 Prettier 格式化 Vue 模板时为什么缩进不对? 我用 Prettier 格式化 Vue 文件,但模板部分的缩进总是乱的,明明配置了 tabWidth 为 2,可它还是用 4 个空格。试过重启编辑器、重装插件都没用。 这是我的组件代码: <te... 闲人志利 前端 2026-03-04 12:13:18 1 回答 18 浏览 Prettier 为啥不格式化我的 Vue 单文件组件? 我用 Prettier 格式化 Vue 文件时,模板部分完全没反应,是配置问题吗? 我已经装了 Vetur 和 Prettier 插件,也设置了默认格式化工具为 Prettier,但保存时只有 scr... 令狐淇钧 工具 2026-02-28 03:42:22 2 回答 27 浏览 为什么安装了prettier的husky hook后提交还是没格式化? 刚给项目配了husky + prettier的pre-commit钩子,但每次提交代码都没触发格式化。已经按文档装了husky、prettier、lint-staged,package.json里配置... 司徒兴瑞 工具 2026-02-19 12:23:27 2 回答 29 浏览 为什么Prettier插件无法正确格式化HTML中的自定义组件标签? 我在用Prettier+prettier-plugin-vue格式化Vue单文件组件时,发现自定义组件的标签会自动合并成一行,比如<MyComponent></MyComponent... Good“莉莉 工具 2026-02-16 23:08:24 2 回答 76 浏览 Prettier格式化后自闭合标签括号间多出空格怎么解决? 我在用Prettier格式化HTML时发现,像这样的自闭合标签,格式化后变成了,括号里多了一个空格,但我想让它保持紧贴的形式,该怎么调整啊? 我尝试过搜索bracketSpacing配置,但没搞懂具体... UX-冰冰 工具 2026-02-01 13:52:27 1 回答 21 浏览 ESLint 和 Prettier 配合时为什么格式化冲突? 我按照网上的教程配了 ESLint + Prettier,但保存文件时格式老是打架。比如 Prettier 想加个分号,ESLint 却报错说不能加分号,明明 .eslintrc 里已经关了这个规则。... Newb.一涵 工具 2026-02-28 13:00:20 2 回答 17 浏览 Prettier 配置了单引号为啥还是变成双引号? 我在项目里用 Prettier 格式化代码,明明在 .prettierrc 里设置了单引号,但保存后字符串还是被改成双引号了,完全搞不懂是哪里出问题。 我试过重启 VS Code、删 node_mod... Mc.向景 工具 2026-02-28 08:24:22 2 回答 30 浏览 Prettier 和 ESLint 冲突了怎么办? 我用 create-react-app 搭了个项目,装了 Prettier 和 ESLint,但它们格式化规则老打架。比如 ESLint 要求分号,Prettier 却自动删掉,保存时一会儿加一会儿删... Newb.梓涵 工具 2026-02-26 22:52:21 2 回答 32 浏览 Prettier配置中如何让对象字面量的括号始终换行? 在React项目里用Prettier格式化时,发现对象字面量的大括号没有按预期换行。比如写成这样:{ foo: 'bar' },但根据团队规范需要强制换行成: { foo: 'bar' } 我尝试在.... ♫蒙蒙 工具 2026-02-15 01:03:25
正确的做法是:
1. 确保安装了必要的依赖:
2. 在.prettierrc里把parser改成"vue"的替代方案(二选一):
- 方案A(推荐):
- 方案B:
3. 如果还不行,检查下vscode的prettier插件是否加载了项目本地的prettier版本(右下角看看是不是用的项目node_modules里的prettier)
顺便吐槽下,prettier的vue支持确实不够智能,每次遇到这种问题都得折腾半天。我现在的项目直接锁死prettier和plugin-vue的版本号,省的哪天突然又报错。