Esta parece la pregunta más básica del mundo, pero maldita sea si puedo encontrar una respuesta.

¿Existe un método abreviado de teclado, ya sea nativo de Visual Studio o mediante Code Rush u otro complemento de terceros, para envolver la selección actual con una etiqueta HTML? Estoy cansado de escribir la etiqueta de apertura, cortar la etiqueta de cierre perdida en el portapapeles, mover el cursor y pegarla al final donde pertenece.

Actualización: así es como TextMate maneja rodear una selección con una etiqueta . Francamente, me sorprende que Visual Studio no parezca tener una característica similar. Crear una macro o un fragmento para cada etiqueta imaginable que quiera usar parece absurdo.

Visual Studio 2015 viene con un nuevo atajo, Shift + Alt + W, que envuelve la selección actual con un div. Este atajo deja el texto "div" seleccionado, haciéndolo perfectamente modificable a cualquier etiqueta deseada. Esto, junto con el reemplazo automático de la etiqueta final, lo convierte en una solución rápida.

ACTUALIZAR

Este acceso directo también está disponible en Visual Studio 2017, pero debe tener instalada la carga de trabajo "ASP.NET y desarrollo web".

Ejemplo

Shift+Alt+W > p > Enter

Sé que esto es antiguo y probablemente ya haya encontrado la respuesta, pero me gustaría agregar, por el bien de aquellos que quizás no lo sepan, que esto es posible en VS 2010:

1. Seleccione el código que le gustaría rodear.
2. Haga ctrl-k ctrl-s(o haga clic con el botón derecho y seleccione Surround with....
3. Hay una variedad de fragmentos de HTML para elegir.

Puede crear sus propios fragmentos de SurroundsWith si no encuentra lo que busca:

1. Haga clic en Filey luego haga clic en Newy elija un tipo de archivo XML.
2. En el Filemenú, haga clic en Save.
3. En el Save ascuadro, seleccione All Files (*.*).
4. En el File namecuadro, ingrese un nombre de archivo con la .snippetextensión del nombre de archivo.
5. Haga clic en Save.

Ingrese algo como el siguiente ejemplo en el archivo XML:

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <Header>
    <Title>ul-div</Title>
    <Author>Microsoft Corporation</Author>
    <Shortcut>ul>li</Shortcut>
    <Description>Wrap in a ul and then an li</Description>
    <SnippetTypes>
      <SnippetType>Expansion</SnippetType>
      <SnippetType>SurroundsWith</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Declarations>
      <Literal>
        <ID>selected</ID>
        <ToolTip>content</ToolTip>
        <Default>content</Default>
      </Literal>
    </Declarations>
    <Code Language="html"><![CDATA[<ul><li>$selected$</li></ul>$end$]]></Code>
  </Snippet>
</CodeSnippet>

1. Abrir Tools> Code Snippets Manager.
2. Haga clic Importy busque el fragmento que acaba de crear.
3. Verifique My HTML Snippetsy haga clic Finishy luego OK.

¡Entonces tendrás disponible tu nuevo y brillante fragmento de HTML para envolver cosas!

Ctrl-X -> Etiquetas de tipo -> Ctrl-V sigue siendo la solución más rápida que he visto como se menciona en esta respuesta: https://stackoverflow.com/a/5109994/486325 .

Si tiene Web Essentials instalado, puede usar Mayús + Alt + W para rodear una selección con una etiqueta.

Sé que este es un hilo antiguo, pero al encontrarme con el problema, finalmente pude hacer el mío y, como este es uno de los primeros resultados en Google, pensé que la gente podría encontrarlo útil.

En realidad, fue bastante fácil, simplemente copié de un fragmento de HTML existente y moví los literales. El siguiente fragmento estará rodeado por una etiqueta HTML genérica, solicita la etiqueta y la colocará tanto en las etiquetas de apertura como en las de cierre.

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <!-- Generic HTML Snippet -->
  <Header>
    <Title>Html</Title>
    <Author>Liam Slater</Author>
    <Shortcut>h</Shortcut>
    <Description>Markup snippet for HTML</Description>
    <SnippetTypes>
      <SnippetType>SurroundsWith</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Declarations>
      <Literal>
        <ID>tag</ID>
        <ToolTip>tag</ToolTip>
        <Default></Default>
      </Literal>
      <Literal>
        <ID>selected</ID>
        <ToolTip>content</ToolTip>
        <Default>content</Default>
      </Literal>
    </Declarations>
    <Code Language="html"><![CDATA[<$tag$>$selected$</$tag$>$end$]]></Code>
  </Snippet>
</CodeSnippet>

Cuando me enfrento a esta situación, suelo escribir primero la etiqueta de cierre y luego la de apertura. Esto evita que el IDE "ayude" insertando la etiqueta de cierre donde no la quiero. Sin embargo, también estoy interesado en una mejor solución.

Para aquellos que usan Visual Studio 2017: haga clic con el botón derecho en un área html/ cshtml, o seleccione algunos elementos para ajustar, hay un Wrap With <div>botón en la lista.

Nada de lo que tenga conocimiento, pero escribir una macro para envolverlo en cualquier etiqueta que desee no debería ser difícil. Tengo uno similar que envolverá mi selección en un bloque de región.