web-dev-qa-db-fra.com

VSCode ne remplissant pas automatiquement le code HTML

J'ai des problèmes avec mon nouveau code Visual Studio installé sous Windows 7 . Sur Mac, l'éditeur ferme automatiquement les balises html, mais pas sur ma Win7. Je suppose qu'il doit y avoir une option pour l'allumer mais je n'en trouve aucune.

Je parle de quand par exemple. l'écriture <html l'intelliSense apparaît et vous cliquez sur entrer; généralement, elle insère automatiquement le </html> le mien ne fonctionne pas . (L'intelliSense apparaît mais lorsque vous sélectionnez l'une des options, il ne ferme pas automatiquement le tag: <h1> -> </h1>

htmlintellisensevisual-studio-code
57
Harvey3589661

À partir des notes de publication 0.3.0

La fermeture automatique des balises HTML a maintenant été supprimée et remplacée par IntelliSense plus intelligent sur </.

27
John Papa

Tapez le nom de la balise (sans démarrer <) puis appuyez sur la touche de tabulation.

par exemple tapez div puis appuyez sur tabulation et VS le convertira en <div></div>

Ou tapez la balise d'ouverture puis appuyez deux fois sur la touche Tab

par exemple :

  1. tapez <div
  2. appuyez sur Tab
  3. appuyez sur Tab

il va ajouter la balise de fermeture

143
Rabolf

Vous pouvez essayer cette extension pour VS Code. Il a mis en œuvre la fonction de balise de fermeture automatique et répondrait à vos besoins:

  • Ajouter automatiquement une balise de fermeture lorsque vous tapez dans le crochet de fermeture de la balise d'ouverture
  • Après l'insertion de la balise de fermeture, le curseur se trouve entre les balises d'ouverture et de fermeture
15
Jun Han

Voici un truc sympa (en réalité une abréviation Emmet) :

  • écrivez le nom de la balise p. ex. h1
  • ajoutez un astérisque après p. ex. h1*
  • presse Tab (donnera <h1></h1>)

Un séjour sans faille

PS: Cela fonctionne également pour les tags à fermeture automatique, tels que - input, img etc.

14
ɢʀᴜɴᴛ

Je rencontrais le même problème, puis j’ai vu quelque chose en bas à droite de vs code .. au lieu d’utiliser HTML, j’utilisais Django-HTML, j’ai donc modifié la langue en HTML, Boom tout fonctionne bien à nouveau. voir image

2
Siphamandla Hero Ngwenya

Fichier> Préférences> Keymaps, Recherchez "Fermeture automatique" et cliquez sur installer . Si cela ne fonctionne pas, rechargez le plugin. 

1
Dheemanth Bhandarkar

J'ai rencontré le même problème sur Mac Sierra (10.12.6) avec VSCode (1.30.2), lors de l'édition d'un fichier HTML. Selon les documentations vscode https://code.visualstudio.com/docs/languages/html , le système intellisense devrait fonctionner correctement.

Il s'est avéré que la "Détection de la langue" (dans le coin droit de la barre d'état de l'éditeur au bas de l'écran) est définie sur Détection automatique et reconnaît le fichier comme étant Django-html. Lorsque vous revenez manuellement au format HTML brut, tout fonctionne.

1
X.X

je souffrais aussi du même problème. Maintenant, j'ai désinstaller les extensions inutiles de vs code avec l'extension JavaScript (SE) et maintenant son fichier de travail. Espérons que cela fonctionnera pour vous.

0
ShifaT