Visual studio will automatically complete a <div>
for you when you finish the tag's >
. This places the cursor in between the opening and closing tag like this:
<div>|</div>
(where the |
is your cursor)
However, when you add a class (or other html attribute for that matter) to an html element, Visual studio will leave the cursor inside the quotes, like this:
<div class="foo|"></div>
Is there a command to automatically move the cursor to the first closing angle bracket like this:
<div class="foo">|</div>
It seems small, but I have to move my hand across the keyboard to move the cursor 2 spaces. The Edit.GotoBrace command, ctrl+], is not doing this for me as it places the cursor here:
<div class="foo"></d|iv>
for some reason.
It is possible to do, but either using Ctrl + Shift + P -> "Emmet: Go to Matching Pair" or by manually setting a shortcut for it ( Ctrl + K Ctrl + S ).
You can use the Rename Symbol command to do this. Opening and closing tags will both be renamed. Alternatively, you can press Shift + Enter at step 3 to preview changes and then Shift + Enter again to apply them.
Using. Or from the command palette (Ctrl + Shift + P) with commands "Jump Tag - Next" and "Jump Tag - Previous".
2 Answers. Visual Studio 2015 comes with a new shortcut, Shift+Alt+W, that wraps the current selection with a div. This shortcut leaves the text "div" selected, making it seamlessly changeable to any desired tag. This coupled with the automatic end tag replacement makes for a quick solution.
Don't think it's possible in VS. You can do the following:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With