Wenn ich einen Format Document
Befehl 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.singleQuote
in meiner Einstellung)
Wie kann ich VSCode anpassen, um dies zu vermeiden?
visual-studio-code
vscode-settings
attdona
quelle
quelle
Antworten:
Ich habe keine
prettier
Erweiterung 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 :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 .
quelle
vetur.format.defaultFormatterOptions
stattdessen verwenden. Siehe https://vuejs.github.io/vetur/formatting.html#settings .quote_type = single
im[*.myDesiredFileExtension]
Abschnitt innerhalb der.editorconfig
Datei war die Lösung.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
quelle
Für Projekte, die
.editorconfig
standardmäßig Dateien verwenden. Der Formatierer ignoriert die Regeln in den Einstellungen und verwendet die Regeln in.editorconfig
. Dann können Sie entweder:.editorconfig
Datei und verwenden Sie Ihre VSCode-Einstellungen.quote_type = single
der.editorconfig
Datei Ihren Dateityp hinzu. Sie können denquote_type
Wert auch aufdouble
oder setzenauto
.quelle
.editorconfig
wird standardmäßig verwendet (wusste das nicht) und Ihre Lösung hat mein ProblemEs 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:
quelle
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.json
Datei diesen Eintrag hinzuquelle
Richtige Lösung:
Ich füge die Datei .prettierrc.js in mein Hauptstammprojekt ein und schreibe
quelle
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.
quelle
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:
quelle
Ich verwende Typoskript, für mich wurde es durch Aktivieren des Flags "Tslint-Integration" unter schöneren Einstellungen (in den vscode-Einstellungen) behoben:
quelle
Probieren Sie eine dieser Lösungen aus
"prettier.singleQuote": true
.editorconfig
Datei haben, fügen Sie diese Zeile unter dem Stammsymbol [*] hinzuquote_type = single
.prettierrc
Datei haben, fügen Sie diese Zeile hinzuquelle
Bitte beachten Sie,
.editorconfig
überschreibt alles, verwenden Sie:quelle
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:
Für doppelte Anführungszeichen hinzufügen:
quelle
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.
quelle
Ich habe eine Datei hinzugefügt, die
.prettierrc
in meinem Projektordner aufgerufen wurde. Dateiinhalt:quelle
Sie können dies in settings.json verwenden
quelle
Verwenden Sie diese Erweiterung.
https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes
cmd '(Strg' unter Win / Linux) wechselt zwischen '"`
quelle
quelle
Installieren Sie die schönere Erweiterung und fügen Sie den folgenden Code in Ihre VSCode-
settings.json
Datei einDadurch wird Ihre .editorconfig-Dateieinstellung ignoriert.
quelle