サブライム3のJsPrettierは一重引用符ではありませんclassName

Question

JavascriptとJSXコードを書式設定するためにJSPrettierで崇高なテキスト3を使用しています。

私はJSPrettier構成で次のように設定している

：でもそれと

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

、同様に、JSPrettierはまだクラス名とその他の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引用符を二重として保持するという主張は、コミュニティ全体にスタイルを適用することであり、設定オプションの数が少なければ少ないほど良いでしょう。

これを解決する方法についてのヒントはありますか？

prettier-eslintからコードを実行できます。これはあなたのコードをよりきれいにフォーマットし、その結果をeslint --fixに渡します。このようにすれば、優れたフォーマット機能の利点を得ることができますが、eslintの設定機能の恩恵も受けます。