Podwójne cudzysłowy WebStorm / PhpStorm podczas automatycznego importu TypeScript

234

Używam stylu TypeScript z pojedynczymi cudzysłowami, podwójne cudzysłowy są używane wyłącznie w szablonach HTML.

Automatyczny import WebStorm / PhpStorm dodaje importinstrukcje z podwójnymi cudzysłowami i rujnuje styl. Myślę, że dotyczy to wszystkich produktów JetBrains.

Jak można to naprawić?

typescript intellij-idea phpstorm webstorm jetbrains-ide Estus Flask
źródło
Jak każdy inny język w dowolnym narzędziu JetBrains, zmień ustawienia stylu kodu w swoich preferencjach.
jonrsharpe
To prawda, właśnie znalazłem to, co sugeruje odpowiedź. Preferencje nie zawierały nic użytecznego w wyszukiwaniu „cytat”.
Estus Flask,

Odpowiedzi:

595

To zachowanie jest kontrolowane przez następującą opcję:

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

Od wersji 2017.1 jest na nowej Punctuationkarcie, a opcje mają nieco inną nazwę:

wprowadź opis zdjęcia tutaj

LazyOne
źródło
1
Jeśli zacząłeś od starszej wersji Intellij (<2017.1), może być konieczne przełączenie ustawień, aby mogła zostać zastosowana. To było ustawione na pojedyncze cytaty, ale wciąż widziałem podwójne cytaty. Działa po zmianie na podwójne cudzysłowy, zastosowaniu, zmianie na pojedyncze cudzysłowy i wreszcie ponownym zastosowaniu.
Kevin Li
7
Zakładka „Inne” to teraz „Interpunkcja” - co najmniej Webstorm 2017.3.2
ggranum
1
@granum Tak, zrzut ekranu i notatka („W dniu 2017.1 ...”) właśnie to pokazują. Chyba lepiej, żeby był pogrubiony / bardziej widoczny.
LazyOne
1
Jeśli zdarzyło Ci się używać Vue.js z pismem maszynowym, może być konieczne zastosowanie tego ustawienia również do javascript. Wygląda na to, że WebStorm nie stosuje ustawień maszynopisu do plików Vue, nawet jeśli są ustawione jako lang=ts.
helios35
78

Również jeśli chcesz dodać automatyczne odstępy między nawiasami klamrowymi podczas dodawania importu

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

możesz sprawdzić w zakładce Spaces | Whithin | ES6 import/export braces

Lew
źródło
5
Wielkie dzięki! Szukałem tego i bardzo mnie to niepokoiło.
Ivan
37

Oto 2017-2019jak to robimy:

  1. Przejdź do ustawień
  2. Wpisz Code stylewyszukiwanie
  3. Wybierz Typescript
  4. Przejdź do Punctuationsekcji
  5. Wybierz singlecytaty

wprowadź opis zdjęcia tutaj

Kamil Witkowski
źródło
10

Zrobił to Tab interpunkcyjny. Na końcu usunąłem też średnik, ale teraz TSLint go brakuje

Yoraco Gonzales
źródło
2

W wersji Intellij 2016.3 znajduje się w zakładce Inne> Wygenerowany kod> Znaki cudzysłowuwprowadź opis zdjęcia tutaj

VinPro
źródło
1

1. Rzeczy należy sprawdzić w pliku Tslint 

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

Powinien to być Double, a nie Single, ponieważ nie powiódł się TSLint przekazany podczas kompilacji projektu.

Teraz przejdź do swojego ustawienia | Redaktor | TypeScript | Interpunkcja

Wybierz Pojedynczy z menu i Zastosuj / Ok.

Teraz gratulacje, twój IntellijIDEA stosuje podwójne cytaty w AutoImport.Na przykład

Yasir Shabbir Choudhary
źródło