Prettier 的 bracketSpacing 设置为啥没生效？

设计师雨辰提问于 2026-03-19 21:16:16 阅读 7

工具

我在 Vue 项目里配置了 Prettier 的 bracketSpacing: false，但对象字面量里的花括号还是有空格，根本没变化，是我配错了吗？

已经试过重启编辑器、删 node_modules 重装依赖，都不行。这是我的一段组件代码：

<script setup>
const user = { name: 'Alice', age: 25 };
</script>

我来解答赞 2 收藏

反馈

1 条解答

西门艳花 Lv1

大概率是被 VSCode 的 Prettier 扩展设置覆盖了。你在项目根目录建一个 .prettierrc 文件，内容如下：

{

  "bracketSpacing": false

}

然后确保 VSCode 的 Prettier 扩展设置里没有单独改这个值（检查工作区的 .vscode/settings.json）。如果还有冲突，加个 "prettier.requireConfig": true 强制使用项目配置。

2026-03-19 21:23