Editando arquivos HTML no Sublime Text eu posso encapsular um conjunto de tags ou texto apenas selecionando o bloco e apertando Ctrl+Alt+Enter e digitando em seguida qual a tag que eu quero usar para encapsular o bloco. Gostaria de fazer o mesmo no Visual Studio Code mas até agora não faço a menor ideia.
2 Respostas
Eu uso esse extensão htmltagwrap vc pode encontrar aqui: https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap
Essa extensão já vem com um atalho definido, basta selecionar o bolco de texto que quer encapsular e apartar Alt + W como vc pode ver no Gif abaixo
Editando o atalho
Se quiser mudar o atalho original para um que mais te agrade bastar ajustar aqui
Agora pesquise e edite o novo atalho
Você pode fazer isto definindo um atalho para a função emmet wrap
do Visual Studio Code:
- Vá em
Code
->Preferences
->Keyboard Shortcuts
. - Busque por
emmet wrap
. - Clique no sinal de mais
+
da opçãoEmmet: Wrap with Abbreviation
. - Adicione o atalho que você deseja apertando CTRL+ALT+ENTER, e depois ENTER para confirmar.
- Agora basta selecionar um pedaço de código HTML e usar o atalho. Uma caixa de texto irá aparecer para você escrever a tag que deseja envolver o texto.
Ctrl + Shift + P
e digitewrap
. Uma das opções é fazer o wrap com uma expressão do Emmet.