web-dev-qa-db-fra.com

Code Visual Studio - Ajuster le paramètre de devis d'importation

Lorsque vous travaillez dans TypeScript dans Visual Studio Code, la suggestion d'importation sur un type (déclenchée par un espace + une période) générera une importation à l'aide de guillemets doubles.

Notre linterface TypeScript vérifie que les guillemets simples sont utilisés dans la mesure du possible.

Comme vous pouvez le voir ci-dessous, la suggestion comporte des guillemets doubles ("@angular/...") Import suggestion with double quotes

Comment puis-je ajuster le réglage de l'importation?

typescriptvisual-studio-code
58
Boris van Katwijk

Depuis le VSCode 1.10, ceci n'est (malheureusement) pas encore possible. Mais c'est un problème pour beaucoup d'utilisateurs, semble-t-il. Le thème VSCode est conscient de ce problème et vous pouvez le suivre pour savoir quand il est mis en œuvre: https://github.com/Microsoft/TypeScript/issues/1327

Mise à jour de juin 2018

Depuis le VSCode 1.24 (juin 2018), il existe une option pour cela! Pour plus d'informations, voir:

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

47
Sebastian Sebald

Vous pouvez également configurer la ligne ci-dessous dans vos paramètres utilisateur vscode pour ajuster ce paramètre.

"prettier.singleQuote": true
48
abdllhbyrktr

À partir de VS Code 1.21.1, vous devez modifier

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

Sous Windows

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

Sous Windows 10 (version vscode 1.30. * (Configuration de l'utilisateur) ultérieurement)

* C:\Utilisateurs\<votre nom d'utilisateur>\AppData\Local\Programmes\Code Microsoft VS\resources\app\extensions\TypeScript-basics\snippets\TypeScript.json

Dans la section "Import external module" de ce fichier, définissez la propriété body array sur la valeur "import { $0 } from '${1:module}';" La section ressemblera alors à ceci:

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

Une alternative prenant en charge cette configuration est TypeScript Toolbox .

Il est configurable en mettant genGetSet.pathStringDelimiter, qui a déjà l'importation par guillemets par défaut.

8
Boris van Katwijk

Allez dans "Fichier> Préférences> Paramètres" puis ajoutez ceci dans les paramètres de l'utilisateur:

"TypeScript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
6
Wagner da Silva

J'ai corrigé cela en utilisant Editor config , ouvrez votre fichier . Editorconfig dans le répertoire racine de votre projet (si vous n'en avez pas, créer ce fichier) et ajouter cette ligne après le [*] 

[*]
...
quote_type = single

Dans le wiki , vous pouvez voir la liste complète des propriétés.

6
Joel Jacquez

À partir de TypeScript 2.5, la première instruction d'importation ou d'exportation du fichier sera analysée pour déterminer si des guillemets simples ou doubles sont utilisés lors de l'utilisation des suggestions d'importation.

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

3
tredder

Vous pouvez également configurer la ligne ci-dessous dans les paramètres utilisateur de votre vscode pour autoriser les guillemets simples dans une chaîne.

Allez dans Préférences> Paramètres utilisateur

"prettier.singleQuote": true

Cela autorisera les guillemets simples dans String. Sinon, si vous modifiez manuellement tous les guillemets doubles en guillemets simples, il sera rétabli lors de la sauvegarde. Aussi, ajoutez

"tslint.autoFixOnSave": true

pour corriger automatiquement lors de la sauvegarde.

2
anirban8611

Ceci est déjà implémenté (comme mentionné dans une autre réponse)! Mais vous n'êtes probablement pas encore sur la dernière version de TypeScript.

La solution est simple:

Cliquez sur le numéro de version TypeScript (par exemple 2.3.4) entre "TypeScript" et un petit smiley dans le coin inférieur droit. Passez ensuite à la version intégrée de Visual Studio Code (2.5.3 pour le moment).

Après ce code, Visual Studio déduira le style de citation d'importation en consultant la première instruction d'importation . Notez qu'une petite étiquette contextuelle affichera quand même des guillemets doubles.

Rapport de bug

demande d'extraction pertinente :

Cela ajoute la possibilité de déterminer s'il faut utiliser des guillemets simples ou doubles pour les nouvelles importations ajoutées via des correctifs de code. Lorsqu'une nouvelle importation est ajoutée, nous analysons les déclarations les plus en haut du fichier source à la recherche de déclarations d'importation ou d'exportation existantes avec des spécificateurs de module. Nous utilisons ensuite le style de citation du premier que nous trouvons. S'il n'y a aucune importation existante dans le fichier, nous utilisons à nouveau des guillemets.

1
Andrei Sinitson

Les solutions ci-dessus ne fonctionnaient pas pour moi

Donc, voici mon travail, vous utilisez vscode, "tslint.autoFixOnSave": vrai dans votre settings.json corrigera automatiquement ces devis d’importation lors de l’enregistrement du fichier.

0
Varun Sukheja