web-dev-qa-db-fra.com

VSCode simple à double guillemet remplacement automatique

Lorsque j'exécute une commande Format Document sur un fichier Vue Component.vue, le VSCode remplace toute chaîne entre guillemets simples par une chaîne à guillemets doubles.

Dans mon cas particulier, cette règle est en conflit avec la configuration de la charpie electron-vue qui nécessite un seul devis.

Je n'ai pas d'extensions plus jolies installées (pas plus jolies. Simple Quote dans mon cadre)

Comment personnaliser vscode pour éviter cela?

visual-studio-codevscode-settings
52
attdona

Je n'ai pas l'extension prettier installée, mais après avoir lu la réponse doublon possible , j'ai ajouté de toutes pièces dans mes paramètres utilisateur (UserSetting.json, Ctrl +, raccourci):

"prettier.singleQuote": true

Une partie d’un avertissement vert (Unknown configuration setting) les guillemets simples ne sont plus remplacés.

Je soupçonne que l'extension la plus jolie n'est pas visible mais est intégrée à l'extension Vetur .

88
attdona

Eh bien, comme le gars (@ user2982122) mentionné, mais au lieu de Fichier aller à Code -> Préférences -> Paramètres, puis regardez pour Devis , sélectionnez Plus joli et cochez les deux cases

enter image description hereenter image description here

37
mustapha mekhatria

Comme noté par @attdona, l'extension Vetur inclut plus jolie.

Bien que vous puissiez modifier les paramètres les plus beaux, conformément à la réponse acceptée, vous pouvez également modifier le formateur pour des régions spécifiques d'un composant vue.

Ici, par exemple, j'ai configuré Vetur pour utiliser le formateur vscode-TypeScript car il utilise des guillemets simples par défaut:

vscode vetur settings

6
Richard Banks

Pour les débutants comme moi:

Dans le menu de la barre de navigation en haut: sélectionnez Fichier -> Préférences -> Paramètres. Dans la zone de texte de recherche, tapez Quote Dans la liste filtrée qui apparaît ci-dessous, recherchez l'icône représentant un engrenage et à côté de celle-ci, le mot "Plus joli". Cliquez sur la case à cocher pour activer "Prettier: Single Quote"

6
user2982122

J'utilise TypeScript, cela a été résolu pour moi en vérifiant l'indicateur "Intégration Tslint" dans les paramètres les plus beaux (dans les préférences vscode):

vscode settings for prettier, fixing double quote auto formatting issue

5
bruddha

De la page du numéro de vuejs/vetur https://github.com/vuejs/vetur/issues/986# Cette solution a fonctionné pour moi.

Dans le fichier VSCodes settings.json ajoutez cette entrée

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},
5
Dave Pile

Utilisez cette extension.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(ctrl' sur win/Linux) passera d'un '' à l'autre

0
Chawki

Vous pouvez utiliser ceci dans settings.json

"javascript.preferences.quoteStyle": "single"
0
mperk