Sublime 3中的JsPrettier没有单引号className

Question

我正在使用Sublime Text 3和JSPrettier来格式化Javascript和JSX代码。

我的JSPrettier配置中有以下设置：

// If true, will use single instead of double quotes
"singleQuote": true

即使这样，在格式化代码时，JSPrettier仍然坚持在className和其他JSX属性上加双引号，例如：

<div className="uxm-details-header-buttons">

或

<Icon name="refresh" />

我真的希望所有的东西都是单引号的，为特殊情况保留双引号。

有什么关于如何解决这个问题的提示吗？

Answer 1

在Sublime Text 3中，这可以通过修改包的用户首选项部分来实现。(首选项>包设置> JSPrettier)

{
"prettier_options": 
  {
  "singleQuote": true
  }
}

Answer 2

这是目前不可能的，只使用漂亮。Quotes in JSX will always be double and prettier will ignore this setting。

如果你想了解这个决定背后的动机，你可以阅读这个GitHub thread。将JSX引用保留为双引号的论点的要点是在整个社区中强制执行一种样式，配置选项越少越好。

对如何解决这个问题有什么建议吗？

您可以通过prettier-eslint运行您的代码。这将通过prettier对代码进行格式化，然后将结果传递给eslint --fix。这样，您不仅可以从prettier的高级格式化功能中获益，而且还可以从eslint的配置功能中获益。