2

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.

5
  • Se você usa o Emmet dá pra selecionar o texto, pressionar Ctrl + Shift + P e digite wrap. Uma das opções é fazer o wrap com uma expressão do Emmet. Commented 14/09/2018 às 21:50
  • Obrigado, funcionou, só que na verdade eu procurava um atalho de teclado mais prático. Commented 15/09/2018 às 19:56
  • Fiz essa mesma pesquisa há um tempo e, na época, não havia um atalho nativo. O que você pode fazer é adicionar o comando acima ao arquivo de atalhos. Commented 17/09/2018 às 11:23
  • @fernandosavio jovem, to usando a extensão que citei ai na resposta, tem sido bastante útil, as vezes te interessa.
    – hugocsl
    Commented 29/08/2019 às 13:56
  • Já positivei. Eu uso muito pouco essa feature então vou deixar favoritado pra quando precisar. Valeu Hugo! Commented 29/08/2019 às 14:03

2 Respostas 2

7

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

inserir a descrição da imagem aqui


Editando o atalho

Se quiser mudar o atalho original para um que mais te agrade bastar ajustar aqui

inserir a descrição da imagem aqui

Agora pesquise e edite o novo atalho

inserir a descrição da imagem aqui

1

Você pode fazer isto definindo um atalho para a função emmet wrap do Visual Studio Code:

  1. Vá em Code -> Preferences -> Keyboard Shortcuts.
  2. Busque por emmet wrap.
  3. Clique no sinal de mais + da opção Emmet: Wrap with Abbreviation.
  4. Adicione o atalho que você deseja apertando CTRL+ALT+ENTER, e depois ENTER para confirmar.
  5. 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.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .