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

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

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

  

有关如何解决这个问题的任何提示？

您可以通过prettier-eslint运行代码。这会使您的代码更漂亮，然后将结果传递给eslint --fix。通过这种方式，您可以获得更漂亮的优质格式化功能，同时也可以从eslint的配置功能中受益。

Answer 2

在Sublime Text 3中，可以通过修改程序包的“用户首选项”部分来实现。 （首选项>程序包设置> JSPrettier）

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