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ć?


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


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


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



2

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


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

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.