Comment faire du tag wrapping dans le code VS ?

Question

Je voudrais envelopper mon html sélectionné dans une balise dans le code VS. Comment dois-je procéder ?

Answer 1

Embarqué Emmet pourrait faire l'affaire :

1. Sélectionnez le texte (facultatif)
2. Ouvrir la palette de commande (généralement Ctrl + Shift + P )
3. Exécuter Emmet: Wrap with Abbreviation
4. Entrez une étiquette div (ou une abréviation .wrapper>p )
5. Hit Enter

La commande peut être assignée à un raccourci clavier.

Answer 2

Une recherche rapide sur la place de marché VSCode : https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap .

1. Lancer VS Code Quick Open ( Ctrl + P )

2. pâte ext install htmltagwrap et saisissez

3. sélectionnez HTML

4. presse Alt + W ( Option + W pour Mac).

Answer 3

Comme je ne peux pas commenter, je vais développer la réponse fantastique d'Alex.

Si vous voulez vivre une expérience semblable à celle de Sublime avec l'emballage, ouvrez les extensions de keymap (Préférences > Extensions de keymap [ Cmd + K Cmd + M ]) et ajoutez l'objet suivant :

{
    "key": "alt+w",
    "command": "editor.emmet.action.wrapIndividualLinesWithAbbreviation",
    "when": "editorHasSelection && editorTextFocus"
}

Ce qui va lier la commande d'enveloppement d'Emmet à Alt + W lorsque le texte est sélectionné

(Désolé pour les instructions pour OSX seulement)