Sublime Text 3 ferme automatiquement les balises HTML

8

J'ai récemment commencé à utiliser Sublime Text 3 au lieu de mon ancien éditeur habituel, Brackets. Lorsque j'écris du HTML entre parenthèses, je tape: ( |représente le curseur)

<div>|

Et les crochets généreraient automatiquement la balise de fermeture, comme ceci:

<div>|</div>

Si j'appuyais sur Entrée après cela, cela ouvrirait et indenterait automatiquement la balise:

<div>
    |
</div>

J'ai vu plusieurs autres réponses qui décrivent l'utilisation d'un raccourci clavier. Mais existe-t-il un moyen de le faire de manière entièrement automatique dans Sublime Text 3?

Edit: La possibilité de faire la deuxième moitié de ce que je décris n'est pas une fonctionnalité intégrée de Brackets, mais plutôt un plugin . Voici également un exemple:

entrez la description de l'image ici

sublime-text-3 clxe
la source
1
D'après mon expérience, il ne se remplit pas automatiquement comme vous l'avez demandé. Mais lorsque vous tapez disons par exemple <title> blah blah blah puis tapez "</" - il se termine automatiquement en ajoutant "title>" - ce qui en fait "</title>". Notepad ++ ne fait même pas ça
Prasanna

Réponses:

11

Pour obtenir l'auto-complétion des balises (et une tonne d'autres fonctionnalités intéressantes), consultez le Emmetplugin, anciennement connu sous le nom de Zen Coding. Par exemple, la saisie divTabvous donne

<div>|</div>

et frapper Entervous donne alors

<div>
    |
</div>

Sa syntaxe est basée sur des sélecteurs CSS, vous pouvez donc faire des choses assez compliquées rapidement. #page>div.logo+ul#navigation>li*5>a{Item $}Tabvous donnerait:

Emmet

MattDMo
la source
Se mettre d'accord. Je crois qu'Emmet ferme également automatiquement une balise lorsque vous avez une balise ouverte et tapez</
rébellion
Ceci est un plugin incroyable. Cela rend l'écriture HTML aussi simple que l'écriture d'un modèle mince. Maintenant, si seulement cela pouvait faciliter la lecture.
acier
0

J'ai eu le même problème dans Windows et plusieurs personnes dans plusieurs forums m'ont suggéré de supprimer et de réinstaller Sublime 3. Mais le problème n'est pas résolu. Je ne connais pas la cause du problème. il semble qu'un problème soit survenu avec les packages installés ou les paramètres configurés. J'ai résolu le problème de cette façon.

Sous Windows 10

accédez à C: \ Users \ YOUR_USER_NAME \ AppData \ Roaming \ Sublime Text 3

Supprimez les dossiers et le contenu de ce dossier, cela résoudra ce problème.

Sous Linux

Veuillez inverser le processus décrit dans https://packagecontrol.io/installation

Il y a un problème avec cela, c'est que tous les packages installés seront supprimés. Vous devez réinstaller les packages nécessaires à nouveau.

Assurez-vous donc de noter et de réinstaller tous les plugins nécessaires.

Jishnu Venugopal
la source
1
Veuillez relire attentivement la question. Votre réponse ne répond pas à la question d'origine. L'installation des OP n'est pas interrompue, il demande des fonctionnalités supplémentaires.
DavidPostill
0

Il y a un plugin que j'utilise qui fermera automatiquement les balises comme décrit ci-dessus nommé Fermeture automatique .

Vous pouvez l'installer via Package Control en recherchant "Auto Close".

seanCodes
la source