如何让Prettier保留空大括号{ }内的单个空格?
Prettier空大括号空格配置问题
你设置的bracketSpacing: true确实不适用这个场景——这个配置只负责对象字面量的大括号空格(比如{ name: 'test' }这种格式),对函数、构造函数的空大括号无效。
要让Prettier保留空构造函数/函数大括号间的单个空格,需要结合ESLint实现(Prettier本身没有单独配置项管控这个):
- 先确保项目里装了
eslint、eslint-plugin-prettier和eslint-config-prettier,保证ESLint和Prettier兼容。 - 在ESLint配置文件(比如
.eslintrc.json)里添加规则:{ "rules": { "block-spacing": ["error", "always"] } } - 配置完成后,空代码块(包括构造函数的空大括号)就会被格式化为
{ },而不是{}。
如果不想引入ESLint,也可以尝试自定义Prettier插件,但这种方式复杂度较高,更推荐用ESLint配合的方案。
内容的提问来源于stack exchange,提问作者pinkboid
相关产品推荐
相关产品推荐

