【问题标题】:Add space in self closing tags before in self closing tags在自闭标签之前在自闭标签中添加空格
【发布时间】:2017-02-21 06:48:26
【问题描述】:

如何在基于 WebStorm/IntelliJ 的产品的自结束标签中的结束标签前包含一个空格?

默认设置将<ReactComp /> 变为<ReactComp/>,这违反了常用AirBNBs Javascript 样式指南中的规则之一(jsx-space-before-closing)。

【问题讨论】:

    标签: reactjs intellij-idea pycharm webstorm eslint


    【解决方案1】:

    可能有点混乱,设置是在“HTML”代码样式下,而不是 IntelliJ 中的 JS 代码样式。

    在 Preferences -> Editor -> Code Style -> HTML 中启用“In empty tag”设置。

    当您进行明确的重新格式化时,将添加空格。要确保在自动完成 React 组件时添加空格,请在 Preferences -> Editor -> Code Style -> XML -> Other 选项卡中选中相同的框。

    2016-10-12 的屏幕截图,IntelliJ IDEA 2016.2

    【讨论】:

    • 非常感谢您的帮助。它像魅力一样工作;-D
    • 哇,这导致了无数小时的调试,谢谢!
    • 这适用于我在进行显式重新格式化时,但在自动完成 jsx 标记时不起作用。 IE。当键入时显示自动完成框并且我按回车键时,它仍然显示 jsx 标记,而 / 之前没有空格
    • @Ruben 在 XML 中添加同样的内容
    • .editorconfig 是否有类似的选项,以便我可以将其传播给团队?
    猜你喜欢
    • 2019-05-22
    • 1970-01-01
    • 2012-10-08
    • 1970-01-01
    • 2020-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多