webentwicklung-frage-antwort-db.com.de

WebStorm / PhpStorm-Anführungszeichen beim automatischen Importieren von TypeScript

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 import -Anweisungen in doppelte Anführungszeichen ein und ruiniert den Stil. Ich denke, das gilt für alle JetBrains-Produkte.

Wie kann dieses Verhalten behoben werden?

179
Estus Flask

Dieses Verhalten wird durch die folgende Option gesteuert:

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

Ab 2017.1 befindet es sich auf der neuen Registerkarte Punctuation und die Optionen werden etwas anders benannt:

enter image description here

457
LazyOne

Auch, wenn Sie beim Hinzufügen von Importen automatisch Leerzeichen zwischen geschweiften Klammern einfügen möchten

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

sie können den Tab Spaces | Whithin | ES6 import/export braces einchecken.

67
Leo

Im 2017-2019 So machen wir es:

  1. Gehe zu den Einstellungen
  2. Art Code style Auf der Suche
  3. Wählen Sie TypeScript
  4. Gehen Sie zum Abschnitt Punctuation
  5. Wählen Sie single Quotes

enter image description here

25
yami

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

10
Yoraco Gonzales

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

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

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

Gehen Sie nun zu Ihrer Einstellung | Herausgeber | TypeScript | Interpunktion, Unterbrechung, Zeichensetzung

Wählen Sie Single aus der Dropdown-Liste und Apply/Ok it.

Nun, Glückwunsch, auf IntellijIDEA werden beim automatischen Import doppelte Anführungszeichen angewendet. For reference

In der Intellij 2016.3-Version befindet es sich auf der Registerkarte Andere> Generierter Code> Anführungszeichen enter image description here

2
VinPro