Sostituzione automatica delle virgolette VSCode da singole a doppie

Quando Format Documenteseguo un comando su un file Vue Component.vue, VSCode sostituisce tutte le singole stringhe tra virgolette con doppie virgolette.

Nel mio caso specifico questa regola è in conflitto con la configurazione lint di electron-vue che richiedono una citazione singola.

Non ho installato estensioni più carine (no prettier.singleQuotenelle mie impostazioni)

Come personalizzare VSCode per evitarlo?

Non ho prettierinstallato l'estensione, ma dopo aver letto la possibile risposta duplicata ho aggiunto da zero nelle mie Impostazioni utente ( UserSetting.json, Ctrl +, scorciatoia):

"prettier.singleQuote": true

A parte un avviso verde ( Unknown configuration setting) le virgolette singole non vengono più sostituite.

Sospetto che l'estensione più carina non sia visibile ma sia incorporata all'interno dell'estensione Vetur .

Bene, come il ragazzo (@ user2982122) menzionato ma invece di File vai su Codice -> Preferenze -> Impostazioni, quindi cerca Citazione , seleziona Più carino e seleziona entrambe le caselle

Per i progetti che utilizzano .editorconfigfile per impostazione predefinita. Il formattatore ignorerà le regole nelle impostazioni e utilizzerà le regole in .editorconfig, quindi puoi:

• Rimuovi il .editorconfigfile e usa le tue impostazioni VSCode.
• Aggiungi quote_type = singleal .editorconfigfile per quanto riguarda il tuo tipo di file. È inoltre possibile impostare il quote_typevalore su doubleo auto.

Sembra che si tratti di un bug aperto per questo problema: Bug più carino

Nessuna delle soluzioni sopra ha funzionato per me. L'unica cosa che ha funzionato è stata l'aggiunta di questa riga di codice in package.json:

"prettier": {
    "singleQuote": true
  },

Dalla pagina del problema vuejs / vetur https://github.com/vuejs/vetur/issues/986# Questa soluzione ha funzionato per me.

Nel settings.jsonfile VSCodes aggiungi questa voce

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

per favore considera .editorconfigsovrascrive tutto, usa:

[*]
quote_type = single

Soluzione corretta:

Aggiungo il file .prettierrc.js nel mio progetto principale principale e scrivo

module.exports = {
    singleQuote: true
  };

Per i neofiti come me:

Dal menu Barra di navigazione in alto: Seleziona File -> Preferenze -> Impostazioni. Nella casella di testo di ricerca, digita Citazione. Nell'elenco filtrato che appare sotto, cerca l'icona dell'ingranaggio e accanto ad essa - "Più bella". Fare clic sulla casella di controllo per abilitare "Prettier: Single Quote"

Installa l'estensione più carina e incolla sotto il codice nel tuo settings.jsonfile VSCode

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

questo ignorerà le .editorconfigimpostazioni del file.

Come notato da @attdona, l'estensione Vetur include più belle.

Sebbene sia possibile modificare le impostazioni più belle, in base alla risposta accettata, è anche possibile modificare il formattatore per regioni specifiche di un componente vue.

Qui, ad esempio, ho impostato Vetur per utilizzare il formattatore vscode-typescript poiché utilizza le virgolette singole per impostazione predefinita:

Sto usando il dattiloscritto, per me è stato risolto controllando il flag "Tslint integration" in impostazioni più carine (nelle preferenze di vscode):

Ho avuto lo stesso problema in vscode. Basta creare un file .prettierrc nella directory principale e aggiungere il seguente json. Per virgolette singole aggiungi:

{
  "singleQuote": true
}

Per le virgolette doppie aggiungi:

  {
      "singleQuote": false
  }

Prova una di queste soluzioni

1. Nel file vscode settings.json aggiungi questa voce "prettier.singleQuote": true
2. In vscode, se hai un .editorconfigfile, aggiungi questa riga sotto il simbolo [*] radicequote_type = single
3. In vscode se hai .prettierrcfile, aggiungi questa riga

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

C'è solo la soluzione che ha funzionato per me: e solo per i progetti angolari:

Basta andare nel file ".editorconfig" del progetto e incollare "quote_type = single". Spero che funzioni anche per te.

Ho aggiunto il file chiamato .prettierrcnella cartella del mio progetto. Contenuto del file:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Puoi usarlo in settings.json

"javascript.preferences.quoteStyle": "single"

Usa questa estensione.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(ctrl' su win / Linux) scorrerà tra '"`

Per l'uso JSX:

{"jsxSingleQuote": false}

Per me funziona anche controllare le virgolette singole in Prettier e tslint.autoFixOnSave come true