VSCode pas compléter automatiquement HTML

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

Je parle quand par exemple. écrire <html l'intelliSense apparaît et vous cliquez sur Entrée, Généralement il met automatiquement dans le </html> le mien ne fonctionne pas. (L'IntelliSense apparaît mais lorsque vous sélectionnez l'une des options, elle ne ferme pas automatiquement la balise: <h1> -> </h1>)

52
demandé sur j08691 2015-06-07 21:14:58

5 réponses

À partir des notes de version 0.3.0

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

26
répondu John Papa 2015-06-08 01:32:23

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

Par exemple, tapez div puis appuyez sur tab et VS le convertira en <div></div>

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

Par exemple :

  1. de type <div
  2. appuyez sur Tab
  3. appuyez sur Tab

Il ajoutera la balise de fermeture

134
répondu Rabolf 2016-06-05 05:08:12

Vous pouvez essayer cette extension pour le code VS. Il a implémenté la fonction de balise de fermeture automatique et répondrait à votre exigence:

  • ajouter Automatiquement la 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 la balise d'ouverture et la balise de fermeture
15
répondu Jun Han 2016-07-01 09:01:37

Voici un truc génial (en fait une abréviation Emmet) :

  • écrire le nom de la balise | par exemple h1
  • ajouter un astérisque après que | par exemple h1*
  • appuyez sur Onglet | (entraînera <h1></h1>)

­

PS: Cela fonctionne aussi pour les auto-fermeture des balises, telles que - input , img etc.

9
répondu ɢʀᴜɴᴛ 2017-08-12 15:44:02

Fichier > Préférences > Clavier, Recherche 'fermeture automatique' et cliquez sur installer. Si cela ne fonctionne pas, Rechargez le plugin.

0
répondu Dheemanth Bhandarkar 2018-09-13 18:36:27