Remplacement automatique des guillemets simples par des guillemets doubles dans le code VSC

Question

Lorsque j'exécute un Format Document sur un fichier Vue Component.vue VSCode remplace toutes les chaînes entre guillemets simples par des chaînes entre guillemets doubles.

Dans mon cas spécifique, cette règle entre en conflit avec la configuration de electron-vue lint qui exige une citation unique.

Je n'ai pas d'extensions prettier installées (pas de prettier.singleQuote dans mon paramétrage)

Comment personnaliser le vscode pour éviter cela ?

Answer 1

Je n'en ai pas. prettier installée, mais après avoir lu le duplicata possible que j'ai ajouté à partir de zéro dans mes paramètres d'utilisateur ( UserSetting.json , Ctrl+, raccourci) :

"prettier.singleQuote": true

Une partie 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 qu'elle est intégrée à l'intérieur de l'écran de l'utilisateur. Vetur extension.

Answer 2

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

Answer 3

Extrait de la page d'édition de vuejs/vetur https://github.com/vuejs/vetur/issues/986# Cette solution a fonctionné pour moi.

Dans VSCodes settings.json fichier ajouter cette entrée

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

Answer 4

Pour les novices 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 d'engrenage et à côté d'elle - "Prettier". Cliquez sur la case à cocher pour activer "Prettier : Single Quote".

Answer 5

Comme noté par @attdona l'extension Vetur comprend plus joli.

Si vous pouvez modifier les paramètres d'apparence, conformément à la réponse acceptée, vous pouvez également modifier le formatage pour des régions spécifiques d'un composant Vue.

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