【问题标题】:Auto formatting ES6 destructuring assignment in IntelliJ/WebStorm在 IntelliJ/WebStorm 中自动格式化 ES6 解构赋值
【发布时间】:2021-04-13 00:55:09
【问题描述】:

我正在使用 airbnb eslint 规则来检查我的 ES6 代码。规则之一强制object-curly-spacing

在函数中使用解构赋值的规则示例如下:

不好:

function({a, b}) {

}

function({ a, b }) {

}

我真的希望 Intellij/WebStorm 在我重新格式化代码时自动插入这些空格,但是,Codestyle 设置似乎都不会影响解构。我能找到的最接近的代码样式设置是Object Literal Braces,但它没有效果。

不愿关闭此规则,是否有任何其他设置、插件等会在解构分配前后自动插入空格?

【问题讨论】:

  • youtrack.jetbrains.com/issue/WEB-16776 和相关的,我猜。
  • 请也试试 WebStorm v12 - 有一些变化(例如youtrack.jetbrains.com/issue/WEB-19645)所以也许有另一张票可以满足您的需求。
  • 在 WS 12EAP“对象文字大括号”中涵盖了解构对象
  • 刚刚尝试了 12EAP,确实有效。 IntelliJ IDEA 怎么样? 16EAP?
  • 是的,IDEA 16 EAP 包含 WS12 EAP 的所有功能

标签: javascript intellij-idea ecmascript-6 webstorm


【解决方案1】:

如 cmets 中所述,此选项存在于更高版本的 webstorm/intellij 中。我很难找到它们,所以这里是在哪里可以找到它们的图片:

【讨论】:

  • 这不适用于解构 {foo,bar} = it 报告的对象卷曲间距
  • 有人解决了这个问题吗?我还在挣扎。
  • 直到今天,我仍然没有在最新版本的 WebStorm 中看到选项。我什至根据 ESLint 设置了我的规则,这需要间距。当我使用 WebStorm 修复“prefer-destructuring”规则时,它会导致“object-curly-spacing”错误...
猜你喜欢
  • 1970-01-01
  • 2018-04-19
  • 2022-01-17
  • 2020-05-19
  • 2014-02-08
  • 2018-05-04
  • 2019-04-20
  • 1970-01-01
  • 2019-07-11
相关资源
最近更新 更多