Doppelte Anführungszeichen für WebStorm / PhpStorm beim automatischen Import von TypeScript

232

Ich verwende den TypeScript-Stil mit einfachen Anführungszeichen. Doppelte Anführungszeichen werden ausschließlich in HTML-Vorlagen verwendet.

Der automatische Import von WebStorm / PhpStorm fügt importAnweisungen mit doppelten Anführungszeichen hinzu und ruiniert den Stil. Ich denke, dies gilt für alle JetBrains-Produkte.

Wie kann dieses Verhalten behoben werden?

— Estus Flask
quelle

Ändern Sie wie jede andere Sprache in einem JetBrains-Tool die Einstellungen für den Codestil in Ihren Einstellungen.

— Jonrsharpe

Das ist wahr, habe es gerade gefunden, wo die Antwort nahelegt. Es gab nichts Nützliches bei der Suche nach Zitaten in den Einstellungen.

— Estus Flask

593

Dieses Verhalten wird durch die folgende Option gesteuert:

Settings/Preferences
Editor | Code Style | TypeScript
"Punctuation" tab | Generated code -> Quote marks

Ab der Version 2017.1 befindet es sich auf einer neuen PunctuationRegisterkarte und die Optionen werden etwas anders benannt:

— LazyOne
quelle

1

Wenn Sie mit einer älteren Version von Intellij (<2017.1) begonnen haben, müssen Sie möglicherweise die Einstellungen umschalten, damit sie tatsächlich angewendet werden. Dies wurde auf einfache Anführungszeichen gesetzt, aber ich sah immer noch doppelte Anführungszeichen. Es funktionierte, nachdem in doppelte Anführungszeichen gewechselt, angewendet, in einfache Anführungszeichen geändert und schließlich erneut angewendet wurde.

— Kevin Li

7

"Andere" Registerkarte ist jetzt "Interpunktion" - ab mindestens Webstorm 2017.3.2

— ggranum

1

@ggranum Ja, der Screenshot und der Hinweis ("On 2017.1 ...") zeigen genau das. Ich denke, ich mache es besser fett / sichtbarer.

— LazyOne

1

Wenn Sie Vue.js mit Typoskript verwenden, müssen Sie diese Einstellung möglicherweise auch für Javascript anwenden. Es scheint, dass WebStorm keine Typoskript-Einstellungen auf Vue-Dateien anwendet, selbst wenn diese als festgelegt sind lang=ts.

— Helios35

78

Auch wenn Sie beim Hinzufügen solcher Importe einen automatischen Abstand zwischen geschweiften Klammern hinzufügen möchten

import { MyComponent } from './my.component';

Sie können in der Registerkarte einchecken Spaces | Whithin | ES6 import/export braces

— Löwe
quelle

5

Vielen Dank! Ich habe danach gesucht und es hat mich sehr gestört.

— Ivan

37

So machen 2017-2019wir es:

Gehe zu den Einstellungen
Geben Sie die Code styleSuche ein
Wählen Typescript
Gehe zum PunctuationAbschnitt
Wählen Sie singleAnführungszeichen aus

— Kamil Witkowski
quelle

10

Interpunktions-Tab hat es geschafft. Ich habe auch das Semikolon am Ende entfernt, aber jetzt fehlt es TSLint

— Yoraco Gonzales
quelle

2

Für die Intellij 2016.3-Version befindet es sich auf der Registerkarte Andere> Generierter Code> Anführungszeichen

— VinPro
quelle

1

1. Dinge müssen in Ihrer Tslint-Datei einchecken

 "quotemark": [
  true,
  "Double"
],

Es sollte eher doppelt als einfach sein, da TSLint bei der Projekterstellung fehlgeschlagen ist.

Gehen Sie nun zu Ihrer Einstellung | Editor | TypeScript | Interpunktion

Wählen Sie Single aus der Dropdown-Liste und Übernehmen / OK.

Herzlichen Glückwunsch, Ihre IntellijIDEA wird auf AutoImport in doppelte Anführungszeichen gesetzt.

— Yasir Shabbir Choudhary
quelle