Visual Studio Code: modifica l'impostazione delle quotazioni di importazione

Quando si lavora in TypeScript in Visual Studio Code, il suggerimento di importazione su un tipo (attivato da spazio + punto) genererà un'importazione utilizzando virgolette doppie.

Il nostro linter TypeScript verifica che le virgolette singole vengano utilizzate ove possibile.

Come puoi vedere di seguito, il suggerimento è composto da virgolette doppie ("@angular / ...")

Come posso modificare l'impostazione dell'importazione?

A partire da VSCode 1.10, questo (purtroppo) non è ancora possibile. Ma è un problema per molti utenti come sembra. Il tema VSCode è a conoscenza di questo problema e puoi seguirlo per sapere quando viene implementato: https://github.com/Microsoft/TypeScript/issues/13270

Aggiornamento giugno 2018

Da VSCode 1.24 (giugno 2018) c'è un'opzione per questo!

"typescript.preferences.quoteStyle": "single"

Per maggiori informazioni vedere:

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

È inoltre possibile configurare la riga seguente nelle impostazioni utente di vscode per regolare questa impostazione.

"prettier.singleQuote": true

Ho risolto il problema utilizzando Editor config , apri il tuo file .editorconfig nella directory principale del tuo progetto (se non lo hai, crea quel file) e aggiungi questa riga dopo [*]

[*]
...
quote_type = single

Nel wiki puoi vedere l'elenco completo delle proprietà.

A partire da VS Code 1.21.1 è necessario modificare

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

In Windows

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

In Windows 10 (vscode versione 1.30. * (Configurazione utente) successiva)

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

Nella sezione "Importa modulo esterno" di quel file, imposta come valore la proprietà dell'array del corpo "import { $0 } from '${1:module}';"La sezione sarà quindi simile a questa:

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

Un'alternativa che supporta questa configurazione è TypeScript Toolbox .

È configurabile tramite impostazione genGetSet.pathStringDelimiter, che ha già l'importazione di virgolette come predefinita.

Vai a "File> Preferenze> Impostazioni" e poi aggiungi questo nelle impostazioni utente:

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

A partire da TypeScript 2.5, la prima istruzione di importazione o esportazione nel file verrà analizzata per determinare se vengono utilizzate virgolette singole o doppie quando si utilizzano i suggerimenti di importazione.

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

È inoltre possibile configurare la riga sottostante nelle impostazioni utente vscode per consentire virgolette singole in stringa.

Vai a Preferenze> Impostazioni utente

"prettier.singleQuote": true

Ciò consentirà virgolette singole in String. In caso contrario, se si modificano manualmente tutte le virgolette doppie in virgolette singole, verranno ripristinate durante il salvataggio. Inoltre, aggiungi

"tslint.autoFixOnSave": true

per correggere automaticamente durante il salvataggio.

Questo è già implementato (come menzionato in un'altra risposta)! Ma probabilmente non sei ancora sull'ultima versione di TypeScript.

La soluzione è semplice:

Fare clic sul numero di versione di TypeScript (ad esempio 2.3.4) tra "TypeScript" e una piccola faccina sorridente nell'angolo inferiore destro. Quindi passare alla versione incorporata di Visual Studio Code (2.5.3 in questo momento).

Dopo questo codice Visual Studio dedurrà lo stile delle quote di importazione esaminando la prima istruzione di importazione . Nota che una piccola etichetta popup mostrerà comunque le virgolette doppie.

Riportare un errore

Richiesta pull pertinente :

Ciò aggiunge la possibilità di determinare se utilizzare virgolette singole o doppie per le nuove importazioni aggiunte tramite correzioni di codice. Quando viene aggiunta una nuova importazione, analizziamo le istruzioni più in alto del file sorgente per le dichiarazioni di importazione o esportazione esistenti con specificatori di modulo. Quindi usiamo lo stile di citazione del primo che troviamo. Se non ci sono importazioni esistenti nel file, torniamo a utilizzare le virgolette doppie.

Le soluzioni di cui sopra non hanno funzionato per me

Quindi ecco il mio lavoro in giro, quando usi vscode,: "tslint.autoFixOnSave"true nel tuo settings.jsoncorreggerà automaticamente queste citazioni di importazione quando salverai il file.