Visual Studio Code - Dostosuj ustawienie oferty importowej

Podczas pracy w języku TypeScript w programie Visual Studio Code sugestia importu dotycząca typu (wyzwalana przez spację + kropkę) spowoduje wygenerowanie importu przy użyciu podwójnych cudzysłowów.

Nasz linter TypeScript sprawdza, czy w miarę możliwości używane są pojedyncze cudzysłowy.

Jak widać poniżej, sugestia zawiera podwójne cudzysłowy („@angular / ...”)

Jak mogę dostosować ustawienia importu?

Od wersji VSCode 1.10 nie jest to (niestety) jeszcze możliwe. Ale wydaje się, że jest to problem dla wielu użytkowników. Motyw VSCode jest świadomy tego problemu i możesz śledzić to, aby wiedzieć, kiedy zostanie wdrożony: https://github.com/Microsoft/TypeScript/issues/13270

Aktualizacja czerwiec 2018

Od wersji 1.24 VSCode (czerwiec 2018) istnieje taka opcja!

"typescript.preferences.quoteStyle": "single"

Więcej informacji:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

Możesz również skonfigurować poniższą linię w ustawieniach użytkownika VScode, aby dostosować to ustawienie.

"prettier.singleQuote": true

Naprawiłem to za pomocą konfiguracji Edytora , otwórz plik .editorconfig w katalogu głównym projektu (jeśli nie masz, utwórz ten plik) i dodaj tę linię po [*]

[*]
...
quote_type = single

Na wiki możesz zobaczyć pełną listę nieruchomości.

Od VS Code 1.21.1 musisz edytować

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

W systemie Windows

/ Applications / Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json .

W systemie Windows 10 (wersja vscode 1.30. * (Konfiguracja użytkownika) później)

* C: \ Users \ <nazwa użytkownika> \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ extensions \ typescript-basics \ snippets \ typescript.json

W sekcji „Importuj moduł zewnętrzny” tego pliku ustaw właściwość tablicy body jako wartość "import { $0 } from '${1:module}';"Sekcja będzie wtedy wyglądać następująco:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},

Alternatywą obsługującą tę konfigurację jest TypeScript Toolbox .

Można go skonfigurować przez ustawienie genGetSet.pathStringDelimiter, które ma już domyślnie import pojedynczych ofert.

Przejdź do „Plik> Preferencje> Ustawienia”, a następnie dodaj to w ustawieniach użytkownika:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

Począwszy od TypeScript 2.5, pierwsza instrukcja importu lub eksportu w pliku zostanie przeskanowana w celu określenia, czy podczas korzystania z sugestii importu używane są pojedyncze czy podwójne cudzysłowy.

https://github.com/Microsoft/TypeScript/pull/17750

Możesz również skonfigurować poniższy wiersz w ustawieniach użytkownika vscode, aby zezwolić na pojedynczy cudzysłów w ciągu.

Przejdź do Preferencje> Ustawienia użytkownika

"prettier.singleQuote": true

Pozwoli to na pojedyncze cudzysłowy w String. W przeciwnym razie, jeśli ręcznie zmienisz wszystkie podwójne cudzysłowy na pojedyncze cudzysłowy, zostanie to cofnięte podczas zapisywania. Dodaj także

"tslint.autoFixOnSave": true

do automatycznej naprawy podczas zapisywania.

Jest to już zaimplementowane (jak wspomniano w innej odpowiedzi)! Ale prawdopodobnie nie korzystasz jeszcze z najnowszej wersji TypeScript.

Rozwiązanie jest proste:

Kliknij numer wersji TypeScript (na przykład 2.3.4) między „TypeScript” a małą uśmiechniętą buźką w prawym dolnym rogu. Następnie przejdź do wersji wbudowanej programu Visual Studio Code (obecnie 2.5.3).

Po tym kod programu Visual Studio wywnioskuje styl importowania oferty, patrząc na pierwszą instrukcję importu . Zauważ, że mała etykieta wyskakująca i tak będzie nadal wyświetlać podwójne cudzysłowy.

Zgłoszenie błędu

Odpowiednie żądanie ściągnięcia :

Dodaje to możliwość określenia, czy używać pojedynczych, czy podwójnych cudzysłowów dla nowych importów dodanych za pomocą poprawek kodu. Po dodaniu nowego importu skanujemy najwyższe instrukcje pliku źródłowego pod kątem istniejących deklaracji importu lub eksportu ze specyfikatorami modułów. Następnie używamy stylu cytowania pierwszego znalezionego. Jeśli w pliku nie ma istniejących importów, wracamy do stosowania podwójnych cudzysłowów.

Powyższe rozwiązania u mnie nie działają

Oto moje obejście, gdy używasz vscode,: "tslint.autoFixOnSave"true w twojej settings.jsonwoli automatycznie naprawi te cytaty importu po zapisaniu pliku.