reactjs - Enkel citationstecken i tsx-fil med prettier

Under 2-3 veckor, medan jag inte ändrade något i prettier-filen, började VSC ändra enkla citattecken till dubbla citattecken, medan det alltid varit enkla citattecken. Jag har provat många alternativ men det fortsätter att ändra det. Här är min .prettierrc

{
  "trailingComma": "es5",
  "printWidth": 200,
  "semi": true,
  "singleQuote": true,
  "jsxSingleQuote": true,
  "tabWidth": 2,
  "quoteProps": "as-needed"
}

REDIGERA: Jag tror att det handlar om .tsx-filer, eftersom prettier bara har ett alternativ för .jsx-filer men ändå inte har hittat en lösning.

Svar #1

I .prettierrc, lägg till:

{
  "singleQuote": true,
  "jsxSingleQuote": true
}

Svar #2

skapa en .prettierrc-fil i din rotmapp och lägg till:

{
  "singleQuote": true
}

Relaterade artiklar