Bu dünyadaki en temel soru gibi görünüyor, ama bir cevap bulabilirsem lanet olsun.

Geçerli seçimi bir HTML etiketiyle sarmak için Visual Studio'ya yerel veya Code Rush veya başka bir üçüncü taraf eklentisi aracılığıyla bir klavye kısayolu var mı? Açılış etiketini yazmaktan, yanlış yerleştirilmiş kapanış etiketini panoya kesmekten, imleci hareket ettirmekten ve ait olduğu yere sonuna yapıştırmaktan yoruldum.

Güncelleme: Bu, TextMate'in bir seçimi etiketle çevrelemesini bu şekilde işler . Açıkçası, Visual Studio'nun benzer bir özelliğe sahip olmaması beni şaşırttı. Kullanmak isteyebileceğim akla gelebilecek her etiket için bir makro veya pasaj oluşturmak saçma görünüyor.

Visual Studio 2015, geçerli seçimi bir div ile saran yeni bir kısayol olan Shift + Alt + W ile birlikte gelir. Bu kısayol, "div" metnini seçili bırakarak onu istenen herhangi bir etikete sorunsuz bir şekilde değiştirilebilir hale getirir. Bu, otomatik uç etiketi değişimi ile birleştiğinde hızlı bir çözüm sağlar.

GÜNCELLEME

Bu kısayol, Visual Studio 2017'de de mevcuttur, ancak "ASP.NET ve Web Geliştirme" iş yükünün yüklü olması gerekir.

Misal

Shift+Alt+W > p > Enter

Bunun eski olduğunu biliyorum ve muhtemelen cevabı şimdiye kadar bulmuşsunuzdur, ancak bunun VS 2010'da mümkün olduğunu bilmeyenler için şunu eklemek isterim:

1. Çevresini sarmak istediğiniz kodu seçin.
2. Yapın ctrl-k ctrl-s(veya sağ tıklayın ve seçin Surround with....
3. Aralarından seçim yapabileceğiniz çeşitli HTML parçacıkları vardır.

Aradığınızı bulamazsanız, kendi SurroundsWith parçacıklarıyla oluşturabilirsiniz:

1. Simgesine tıklayın Fileve ardından tıklayın Newve bir dosya türü seçin XML.
2. Açık Filemenü, tıklayın Save.
3. Gelen Save askutusunda seçin All Files (*.*).
4. Gelen File namekutusu ile bir dosya adı girin .snippetdosya adı uzantısı.
5. Tıklayın Save.

XML dosyasına aşağıdaki örneğe benzer bir şey girin:

<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. Aç Tools> Code Snippets Manager.
2. ImportYeni oluşturduğunuz parçacığa tıklayın ve göz atın.
3. Kontrol edin My HTML Snippetsve tıklayın Finishve ardından OK.

Daha sonra, parlak yeni HTML pasajınızın bir şeyler sarmak için hazır olacaksınız!

Ctrl-X -> Etiket yaz -> Ctrl-V, bu yanıtta bahsettiğim gibi hala gördüğüm en hızlı çözüm: https://stackoverflow.com/a/5109994/486325 .

Eğer varsa Web Essentials yüklü yapabilirsiniz Alt + W + Shift kullanmak bir etiketle bir seçim çevrelemek için.

Bunun eski bir konu olduğunu biliyorum, ancak sorunla karşılaştıktan sonra nihayet kendimi geliştirmeye başladım ve bu Google'daki ilk sonuçlardan biri olduğundan, insanların bunu yararlı bulabileceğini düşündüm.

Aslında oldukça kolaydı, sadece mevcut bir HTML kod parçacığından kopyaladım ve değişmez değerler arasında hareket ettim. Aşağıdaki kod parçası genel bir HTML etiketi ile çevrelenecek, etiketi isteyecek ve hem açılış hem de kapanış etiketlerinin içine yerleştirecektir.

<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>

Bu durumla karşılaştığımda, genellikle önce kapanış etiketini, ardından açılış etiketini yazıyorum. Bu, IDE'nin kapanış etiketini istemediğim yere ekleyerek "yardım etmesini" önler. Yine de daha iyi bir çözümle ilgileniyorum.

Visual Studio 2017 kullananlar için: Bir html/ cshtmlalana sağ tıklayın veya sarılacak bazı öğeleri seçin Wrap With <div>, listede bir düğme var.

Farkında olduğum bir şey yok, ancak istediğiniz etikete sarmak için bir makro yazmak zor olmamalı. Seçimimi bir bölge bloğunda saracak benzer bir tane var.