Automatisches Ersetzen von VSCode in einfachen bis doppelten Anführungszeichen

Wenn ich einen Format DocumentBefehl für eine Vue Component.vue-Datei ausführe, ersetze VSCode alle Zeichenfolgen in einfachen Anführungszeichen durch Zeichenfolgen in doppelten Anführungszeichen.

In meinem speziellen Fall widerspricht diese Regel der Konfiguration von Elektronen-Flusen, für die ein einfaches Anführungszeichen erforderlich ist.

Ich habe keine schöneren Erweiterungen installiert (nein prettier.singleQuotein meiner Einstellung)

Wie kann ich VSCode anpassen, um dies zu vermeiden?

Ich habe keine prettierErweiterung installiert, aber nachdem ich die mögliche doppelte Antwort gelesen habe, die ich in meiner Benutzereinstellung ( UserSetting.json, Strg +, Verknüpfung) von Grund auf hinzugefügt habe :

"prettier.singleQuote": true

Bei einem Teil einer grünen Warnung ( Unknown configuration setting) werden die einfachen Anführungszeichen nicht mehr ersetzt.

Ich vermute, dass die schönere Erweiterung nicht sichtbar ist, sondern in die Vetur- Erweiterung eingebettet ist .

Nun, wie der Typ (@ user2982122) erwähnt hat, aber anstelle von Datei gehen Sie zu Code -> Einstellungen -> Einstellungen, suchen Sie dann nach Angebot , wählen Sie Schöner und aktivieren Sie beide Kontrollkästchen

Für Projekte, die .editorconfigstandardmäßig Dateien verwenden. Der Formatierer ignoriert die Regeln in den Einstellungen und verwendet die Regeln in .editorconfig. Dann können Sie entweder:

• Entfernen Sie die .editorconfigDatei und verwenden Sie Ihre VSCode-Einstellungen.
• Fügen Sie quote_type = singleder .editorconfigDatei Ihren Dateityp hinzu. Sie können den quote_typeWert auch auf doubleoder setzen auto.

Es sieht so aus, als wäre ein Fehler für dieses Problem offen: Prettier Bug

Keine der oben genannten Lösungen hat bei mir funktioniert. Das einzige, was funktionierte, war das Hinzufügen dieser Codezeile in package.json:

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

Von der vuejs / vetur-Problemseite https://github.com/vuejs/vetur/issues/986# Diese Lösung hat bei mir funktioniert.

Fügen Sie in der VSCodes- settings.jsonDatei diesen Eintrag hinzu

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

Richtige Lösung:

Ich füge die Datei .prettierrc.js in mein Hauptstammprojekt ein und schreibe

module.exports = {
    singleQuote: true
  };

Für Neulinge wie mich:

Wählen Sie im Menü Navigationsleiste oben: Datei -> Einstellungen -> Einstellungen. Geben Sie im Suchtextfeld Angebot ein. Suchen Sie in der unten angezeigten gefilterten Liste nach dem Zahnradsymbol und daneben nach "Schöner". Klicken Sie auf das Kontrollkästchen, um "Schöner: Einfaches Angebot" zu aktivieren.

Wie von @attdona bemerkt, enthält die Vetur-Erweiterung hübscher.

Während Sie die hübscheren Einstellungen gemäß der akzeptierten Antwort ändern können, können Sie auch den Formatierer für bestimmte Regionen einer Vue-Komponente ändern.

Hier habe ich beispielsweise Vetur so eingestellt, dass der Formatierer vscode-typescript verwendet wird, da standardmäßig einfache Anführungszeichen verwendet werden:

Ich verwende Typoskript, für mich wurde es durch Aktivieren des Flags "Tslint-Integration" unter schöneren Einstellungen (in den vscode-Einstellungen) behoben:

Probieren Sie eine dieser Lösungen aus

1. Fügen Sie in der Datei vscode settings.json diesen Eintrag hinzu "prettier.singleQuote": true
2. Wenn Sie in vscode eine .editorconfigDatei haben, fügen Sie diese Zeile unter dem Stammsymbol [*] hinzuquote_type = single
3. Wenn Sie in vscode eine .prettierrcDatei haben, fügen Sie diese Zeile hinzu

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

Bitte beachten Sie, .editorconfigüberschreibt alles, verwenden Sie:

[*]
quote_type = single

Ich hatte das gleiche Problem in vscode. Erstellen Sie einfach eine .prettierrc- Datei in Ihrem Stammverzeichnis und fügen Sie den folgenden json hinzu. Für einfache Anführungszeichen hinzufügen:

{
  "singleQuote": true
}

Für doppelte Anführungszeichen hinzufügen:

  {
      "singleQuote": false
  }

Es gibt nur eine Lösung, die für mich funktioniert hat: und nur für Angular Projects:

Gehen Sie einfach in Ihre Projektdatei ".editorconfig" und fügen Sie 'quote_type = single' ein. Hoffe, es sollte auch für Sie funktionieren.

Ich habe eine Datei hinzugefügt, die .prettierrcin meinem Projektordner aufgerufen wurde. Dateiinhalt:

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

Sie können dies in settings.json verwenden

"javascript.preferences.quoteStyle": "single"

Verwenden Sie diese Erweiterung.

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

cmd '(Strg' unter Win / Linux) wechselt zwischen '"`

Es funktioniert für mich, ein einfaches Anführungszeichen in Prettier sowie tslint.autoFixOnSave als true zu überprüfen

Installieren Sie die schönere Erweiterung und fügen Sie den folgenden Code in Ihre VSCode- settings.jsonDatei ein

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

Dadurch wird Ihre .editorconfig-Dateieinstellung ignoriert.