打破每一个标签属性行,并让他们在Visual Studio中的HTML代码编辑器对准(Break l

2019-08-16 20:34发布

如果你想看到这个VS的下一版本中实现,请为它投票在这里 。


假设下面的水平冗长<button> HTML声明:

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

正如你所看到的所有标记属性是内嵌使得它们在代码编辑器很长的路要走延伸到右...

你知道任何Visual Studio选项或扩展,使其能够用Ctrl + K,然后按Ctrl + F这样的格式化的:

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

我觉得上面的格式可以很容易地发现一个给定的属性,虽然它会清楚地使垂直滚动条长一点。 :)

我试图在Visual Studio中的选项摆弄TOOLS => Options... => Text Editor => HTML ,但没有找到一个选项来控制此行为。

当然,我可以手动对齐,但这时如果我按Ctrl + K,然后按Ctrl + F错误我失去所有的定制格式。

如果有可用没有这样的事情,我认为这将产生一个Visual Studio扩展一个伟大的想法。 作为再加上它甚至可以按字母顺序的属性。 :)


做一点点的谷歌搜索,我发现了XAML在Visual Studio编辑器有想我有在HTML编辑器:

在单独的行的每个属性定位


我问在Visual Studio的可扩展性论坛,这个同样的问题:

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


如果你想看到这个VS的下一版本中实现,请为它投票在这里 。

Answer 1:

如果你觉得勇敢,你可以写一个编辑器扩展,这是否适合你。 看看对准扩展诺亚写了,而以前的想法: https://github.com/NoahRic/AlignAssignments



Answer 2:

好吧,我发现在ASP.NET论坛一招:

定位每个属性在单独的行

它不喜欢的XAML中我的问题描述的功能,但它的工作原理。

在选项/文本编辑器/ HTML /格式可以“超过一定长度时,自动换行标签”检查并设置长度为1。这将导致格式化包像疯了似的。


另一种选择是:

  1. 转到TOOLS => Options... => Text Editor => XML => Formatting =>对齐属性各自在单独一行。

  2. 关闭.cshtml文件。 右键点击它在Solution Explorer中,选择打开方式...然后选择XML(文本)编辑器。 选择所有内容,并做到按Ctrl + K,然后按Ctrl + F。

    *第二种选择是乏味! :(



Answer 3:

这已经在Visual Studio 2013预览,已发布了新的HTML编辑器中实现。 这仅仅是新的编辑器,它适用于HTML和CSHTML文件的功能,但并不是ASPX / ASCX文件。 如果你打的每个值后[返回],属性会叠加在一起的第一个属性定义下。 格式文档不会再撤消这些更改。



Answer 4:

你可以查找/替换</n< +不要忘记点击使用正则表达式设置



Answer 5:

将HTML复制到XML编辑器让它格式化你,然后将其重新保存到HTML文件



文章来源: Break line on each tag attribute and keep them aligned in Visual Studio HTML code editor