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?

typescript intellij-idea phpstorm webstorm jetbrains-ide 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

Antworten:

593

Dieses Verhalten wird durch die folgende Option gesteuert:

  1. Settings/Preferences
  2. Editor | Code Style | TypeScript
  3. "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:

Geben Sie hier die Bildbeschreibung ein

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:

  1. Gehe zu den Einstellungen
  2. Geben Sie die Code styleSuche ein
  3. Wählen Typescript
  4. Gehe zum PunctuationAbschnitt
  5. Wählen Sie singleAnführungszeichen aus

Geben Sie hier die Bildbeschreibung ein

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ührungszeichenGeben Sie hier die Bildbeschreibung ein

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.Als Referenz

Yasir Shabbir Choudhary
quelle