在每个标记属性上断开行，并使其在Visual Studio HTML代码编辑器中保持一致 [英] Break line on each tag attribute and keep them aligned in Visual Studio HTML code editor

问题描述

如果您希望在VS的下一个版本中看到这一点，请投票支持如果您希望在VS的下一个版本中看到这个功能，请为此投票。

here

解决方案

感到很勇敢，你可以写一个编辑器扩展，为你做到这一点。看一看诺亚前一段时间写的想法的对齐扩展： https://github.com/NoahRic/AlignAssignments

If you'd like to see this implemented in the next version of VS, please vote for it here.

---

Suppose the following horizontally lengthy <button> HTML declaration:

<button type="submit" class="btn btn-primary" id="save" name="action:@ViewContext.RouteData.Values["action"]"><i class="icon-save icon-large"></i> @Localization.Save</button>

As you see all tag attributes are inline such that they extend a long way to right in the code editor...

Do you know of any Visual Studio option or extension that allows it to be formatted with Ctrl + K then Ctrl + F like this:

<button type="submit"
        class="btn btn-primary"
        id="save"
        name="action:@ViewContext.RouteData.Values["action"]">
<i class="icon-save icon-large"></i>@Localization.Save
</button>

I think the above format makes it easy to spot a given attribute although it'll clearly make the vertical scroll-bar a little longer. :)

I tried fiddling with Visual Studio options in TOOLS => Options... => Text Editor => HTML but didn't find an option to control this behavior.

Of course I can align it manually but then if I hit Ctrl + K then Ctrl + F by mistake I lose all the custom made formatting.

If there's no such a thing available, I think this makes a great idea for a Visual Studio extension. As a plus it could even alphabetically order the attributes. :)

---

Doing a little bit more Googling I found that the XAML editor in Visual Studio has what I'd like to have in the HTML editor:

Position each attribute on a separate line

---

I asked this same question at the Visual Studio Extensibility forum:

http://social.msdn.microsoft.com/Forums/en-US/vsx/thread/0d97c205-9f29-4ba7-9d0b-253413077dce/

---

If you'd like to see this implemented in the next version of VS, please vote for it here.

解决方案

If you feel brave, you can write an editor extension that does this for you. Take a look at the align extension that Noah wrote a while ago for ideas: https://github.com/NoahRic/AlignAssignments

这篇关于在每个标记属性上断开行，并使其在Visual Studio HTML代码编辑器中保持一致的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！