it-swarm.com.de

Automatisches Ersetzen von VSCode in einfache bis doppelte Anführungszeichen

Wenn ich ein Format Document-Befehl in einer Vue Component.vue-Datei VSCode ersetzt alle Zeichenfolgen in einfachen Anführungszeichen durch Zeichenfolgen in doppelten Anführungszeichen.

In meinem speziellen Fall kollidiert diese Regel mit der Lint-Konfiguration von electron-vue, für die ein einzelnes Anführungszeichen erforderlich ist.

Ich habe keine schöneren Erweiterungen installiert (kein prettier.singleQuote in meiner Einstellung)

Wie kann man vscode anpassen, um dies zu vermeiden?

52
attdona

Ich habe keine prettier -Erweiterung installiert, aber nach dem Lesen der möglicherweise doppelten Antwort, die ich in meinen Benutzereinstellungen von Grund auf neu hinzugefügt habe (UserSetting.json, Strg +, Verknüpfung):

"prettier.singleQuote": true

Ein Teil eine grüne Warnung (Unknown configuration setting) Die einfachen Anführungszeichen werden nicht mehr ersetzt.

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

88
attdona

Nun, wie der Typ (@ user2982122) erwähnt, aber anstelle von Datei gehen Sie zu Code -> Einstellungen -> Einstellungen, dann suchen Sie nach Quote , wählen Sie Prettier und beide Kästchen ankreuzen

enter image description hereenter image description here

37

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 Bereiche einer vue -Komponente ändern.

In diesem Beispiel habe ich Vetur so eingestellt, dass es den vscode-TypeScript-Formatierer verwendet, da standardmäßig einfache Anführungszeichen verwendet werden:

vscode vetur settings

6
Richard Banks

Für Neulinge wie mich:

Über das Menü Navigationsleiste oben: Wählen Sie Datei -> Einstellungen -> Einstellungen. Geben Sie im Suchtextfeld Quote ein. Suchen Sie in der unten angezeigten gefilterten Liste nach dem Zahnradsymbol und daneben nach "Prettier". Klicken Sie auf das Kontrollkästchen, um "Hübscher: Einfaches Anführungszeichen" zu aktivieren.

6
user2982122

Ich verwende TypeScript. Für mich wurde dies behoben, indem das Flag "Tslint-Integration" in den hübscheren Einstellungen markiert wurde (in den vscode-Einstellungen):

vscode settings for prettier, fixing double quote auto formatting issue

5
bruddha

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

In VSCodes settings.json Datei Diesen Eintrag hinzufügen

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

Verwenden Sie diese Erweiterung.

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

cmd '(ctrl' unter win/Linux) wechselt zwischen '"`

0
Chawki

Sie können dies in settings.json verwenden

"javascript.preferences.quoteStyle": "single"
0
mperk