Prettier 为什么没格式化我的 JavaScript 代码? 百里景叶 提问于 2026-03-17 17:17:16 阅读 2 工具 我装了 Prettier 插件,也保存了文件,但这段代码一点都没变,是不是配置哪里出问题了? 我试过在 VS Code 里手动触发格式化,也检查了默认格式化工具选的是 Prettier,但还是没反应。 const getUserInfo = (id) => { return fetch(<code>/api/user/${id}</code>).then(res => res.json()) } 我来解答 赞 2 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 Mr.诺一 Lv1 这个问题大概率是文件没有被识别成 JavaScript,或者代码有语法错误导致 Prettier 无法解析。 先检查几件事: 1. 看 VS Code 底部状态栏,确认文件类型显示的是 JavaScript 还是 Plain Text。如果是 Plain Text,Prettier 不会管的。 2. 你代码里那个模板字符串,/api/user/${id} 这个写法有问题,实际代码里是不是用了反引号 包起来的?如果模板字符串语法错误,Prettier 会直接罢工。 3. 快捷键 Shift + Alt + F 手动格式化一下,看有没有反应。如果右下角弹出错误提示,点开看具体报什么。 4. 检查项目根目录有没有 .prettierignore 文件,可能这个文件被忽略了。 最可能的情况:你代码里模板字符串没用反引号,比如写成了 fetch('/api/user/' + id) 这种,格式化后其实变了只是变化不明显。或者是文件类型没认对。 回复 点赞 2026-03-17 18:18 加载更多 相关推荐 2 回答 29 浏览 为什么安装了prettier的husky hook后提交还是没格式化? 刚给项目配了husky + prettier的pre-commit钩子,但每次提交代码都没触发格式化。已经按文档装了husky、prettier、lint-staged,package.json里配置... 司徒兴瑞 工具 2026-02-19 12:23:27 1 回答 20 浏览 Prettier 为什么没格式化我的 HTML 标签换行? 我用 Prettier 格式化 HTML 文件,但发现它没把长标签自动换行,看起来特别挤。明明在 .prettierrc 里设置了 printWidth: 80,为啥不起作用? 比如下面这段代码,Pr... Code°采涵 工具 2026-03-13 15:41:20 1 回答 14 浏览 Prettier 格式化 CSS 时为什么把我的嵌套规则搞乱了? 我最近在项目里配置了 Prettier,但发现它格式化 CSS 的时候,会把我在 SCSS 里写的嵌套规则直接打平,导致样式失效。明明 .prettierrc 里也没改什么特殊配置,就是默认设置。这到... ლ郭云 前端 2026-03-11 15:37:19 1 回答 23 浏览 Prettier 为什么总是给我加上分号?能关掉吗? 我最近在用 Prettier 格式化代码,但发现它老是在语句末尾自动加 ;,可我们团队的规范是不加分号的。我在配置文件里试过改 semi 选项,但好像没生效,是不是哪里写错了? 我的 .prettie... 开发者小敏 工具 2026-03-10 14:23:19 1 回答 17 浏览 Prettier 格式化 Vue 模板时为什么缩进不对? 我用 Prettier 格式化 Vue 文件,但模板部分的缩进总是乱的,明明配置了 tabWidth 为 2,可它还是用 4 个空格。试过重启编辑器、重装插件都没用。 这是我的组件代码: <te... 闲人志利 前端 2026-03-04 12:13:18 2 回答 31 浏览 为什么Prettier插件无法正确格式化HTML中的自定义组件标签? 我在用Prettier+prettier-plugin-vue格式化Vue单文件组件时,发现自定义组件的标签会自动合并成一行,比如<MyComponent></MyComponent... Good“莉莉 工具 2026-02-16 23:08:24 2 回答 45 浏览 为什么Prettier和ESLint配置后代码格式还是不一致? 最近在React项目里同时用了Prettier和ESLint,但保存代码时格式总报错。比如我写个函数: const greet = (name) => console.log(`Hello ${... ___金梅 工具 2026-01-26 04:42:32 1 回答 18 浏览 Prettier 格式化时该选哪个 Parser? 我在用 Prettier 格式化一个 .vue 文件,但控制台提示“Parser not found”。我试过在配置里指定 parser 为 vue,但好像不对?官方文档说会自动识别,可我的项目就是不... 设计师爱娜 工具 2026-03-08 13:16:19 2 回答 25 浏览 ESLint 和 Prettier 配合时为什么格式化冲突? 我按照网上的教程配了 ESLint + Prettier,但保存文件时格式老是打架。比如 Prettier 想加个分号,ESLint 却报错说不能加分号,明明 .eslintrc 里已经关了这个规则。... Newb.一涵 工具 2026-02-28 13:00:20 2 回答 22 浏览 Prettier 配置了单引号为啥还是变成双引号? 我在项目里用 Prettier 格式化代码,明明在 .prettierrc 里设置了单引号,但保存后字符串还是被改成双引号了,完全搞不懂是哪里出问题。 我试过重启 VS Code、删 node_mod... Mc.向景 工具 2026-02-28 08:24:22
先检查几件事:
1. 看 VS Code 底部状态栏,确认文件类型显示的是 JavaScript 还是 Plain Text。如果是 Plain Text,Prettier 不会管的。
2. 你代码里那个模板字符串,
/api/user/${id}这个写法有问题,实际代码里是不是用了反引号包起来的?如果模板字符串语法错误,Prettier 会直接罢工。3. 快捷键 Shift + Alt + F 手动格式化一下,看有没有反应。如果右下角弹出错误提示,点开看具体报什么。
4. 检查项目根目录有没有 .prettierignore 文件,可能这个文件被忽略了。
最可能的情况:你代码里模板字符串没用反引号,比如写成了 fetch('/api/user/' + id) 这种,格式化后其实变了只是变化不明显。或者是文件类型没认对。