reactjs - 在自关闭标签之前添加空格

标签 reactjs intellij-idea pycharm webstorm eslint

如何使用基于 WebStorm/IntelliJ 的产品在自结束标记中的结束标记之前添加空格?

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

最佳答案

也许有点令人困惑,该设置是在“HTML”代码风格下,而不是 IntelliJ 中的 JS 代码风格。

在“首选项”->“编辑器”->“代码样式”->“HTML”中启用“在空标记中”设置。

当您进行显式重新格式化时,将添加空格。为了确保在自动完成 React 组件时添加空格,请在首选项 -> 编辑器 -> 代码样式 -> XML -> 其他选项卡中选中相同的框。

2016年10月12日截图,IntelliJ IDEA 2016.2

enter image description here

关于reactjs - 在自关闭标签之前添加空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39999078/

相关文章:

javascript - 如何通过静态navigationOptions将 Prop 从上一个屏幕传递到下一个屏幕?

javascript - 如何使用 React.createElement() 测试在 Render 中创建的子 React 组件

intellij-idea - 是否可以在IntelliJ IDEA中一次查看多个查找操作的结果?

python - 'PyDevTerminalInteractiveShell' 对象没有属性 'has_readline'

python - “Pip”在命令提示符中识别但在 PyCharm 终端中不识别

python - PyCharm 报告错误的 Python 版本

javascript - 如何在 Google map 上搜索多边形坐标?

reactjs - React-Bootstrap 背景色

android - Android Studio 中库的 NoClassDefFoundError

intellij-idea - WebStorm 中 ESLint 错误的不同高亮样式