如何关闭Prettier格式化时自动将空格替换为{' '}的功能?
Prettier JSX前导空格自动转
{' '}的关闭方法 这个自动转换是Prettier针对JSX/TSX空白字符的默认标准化处理,目的是规避不同渲染环境下空白字符展示不一致的问题,你可以通过修改配置关闭该行为:
- 打开项目中的Prettier配置文件,常见形式为
.prettierrc、.prettierrc.js,或者package.json内的prettier配置字段 - 添加/修改如下配置项:
该配置会告知Prettier,所有JSX标签内的空白字符均为有意设置,不会自动将前导/尾随空格转换为"htmlWhitespaceSensitivity": "strict"{' '}格式,你写入的原始空格会被完整保留。
注意:修改配置后需要重启编辑器的Prettier服务,或者重新加载项目后格式化才会生效。
如果仅需要针对单条代码临时禁用该转换,可在对应代码行上方添加// prettier-ignore注释即可,示例:
// prettier-ignore <Text> something something</Text>
内容的提问来源于stack exchange,提问作者Kerry
相关产品推荐
相关产品推荐

