You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何关闭Prettier格式化时自动将空格替换为{' '}的功能?

Prettier JSX前导空格自动转{' '}的关闭方法

这个自动转换是Prettier针对JSX/TSX空白字符的默认标准化处理,目的是规避不同渲染环境下空白字符展示不一致的问题,你可以通过修改配置关闭该行为:

  • 打开项目中的Prettier配置文件,常见形式为.prettierrc、.prettierrc.js,或者package.json内的prettier配置字段
  • 添加/修改如下配置项:
    "htmlWhitespaceSensitivity": "strict"
    
    该配置会告知Prettier,所有JSX标签内的空白字符均为有意设置,不会自动将前导/尾随空格转换为{' '}格式,你写入的原始空格会被完整保留。

注意:修改配置后需要重启编辑器的Prettier服务,或者重新加载项目后格式化才会生效。

如果仅需要针对单条代码临时禁用该转换,可在对应代码行上方添加// prettier-ignore注释即可,示例:

// prettier-ignore
<Text>  something something</Text>

内容的提问来源于stack exchange,提问作者Kerry

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.02 01:09:01