html - 在每个标记属性上换行并在 Visual Studio HTML 代码编辑器中保持对齐

如果你希望在下一个版本的 VS 中实现这一点,请投票 here .


假设以下水平长度为<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>

正如您所见,所有标签属性都是内联的,因此它们在代码编辑器中延伸了很长一段路......

您知道任何允许使用 Ctrl + K 然后 Ctrl + 格式化的 Visual Studio 选项或扩展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>

我认为上面的格式可以很容易地发现一个给定的属性,尽管它显然会使垂直滚动条更长一点。 :)

我尝试在 TOOLS => Options... => Text Editor => HTML 中调整 Visual Studio 选项但没有找到控制此行为的选项。

当然我可以手动对齐,但是如果我点击 Ctrl + K 然后 Ctrl + F错误地我丢失了所有自定义格式。

如果没有这样的东西可用,我认为这对于 Visual Studio 扩展来说是个好主意。作为一个加号,它甚至可以按字母顺序排列属性。 :)


再用谷歌搜索一下,我发现 XAML Visual Studio 中的编辑器拥有我想要的 HTML 编辑器:

Position each attribute on a separate line


我在 Visual Studio 可扩展性论坛上问过同样的问题:

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


如果你希望在下一个版本的 VS 中实现这一点,请投票 here .

最佳答案

好吧,我在 ASP.NET 论坛上发现了一个技巧:

Positioning each attribute on a separate line

它不像我的问题中描述的 XAML 功能,但它有效。

In Options/Text Editor/HTML/Format you can check "Wrap tags when exceeding specific length" and set the length to 1. That will cause the formatter to wrap like crazy.


另一种选择是:

  1. 转到TOOLS => Options... => Text Editor => XML => Formatting => 将每个属性对齐在单独的一行。

  2. 关闭 .cshtml 文件。在解决方案资源管理器中右键单击它并选择打开方式...,然后选择 XML(文本)编辑器。选择所有内容并执行 Ctrl + K 然后 Ctrl + F

    * 第二个选项很乏味! :(

https://stackoverflow.com/questions/14791592/

相关文章:

postgresql - 如何将 "1 day 01:30:00"之类的间隔转换为 "25:30:0

r - 如何使用 R 的 sprintf 创建固定宽度的字符串,并在 END 处填充空白?

c++ - 是否可以自定义 XCode 的缩进样式?

javascript - 在 JavaScript 中将十六进制数字格式化为短 UUID

python - 在 Python 中格式化电话号码的最佳方法是什么?

wpf - 在 WPF 中测量文本

sql - 我可以在 DBIx::Class 中漂亮地打印 DBIC_TRACE 输出吗?

django - 是否有 django 模板过滤器来显示百分比?

intellij-idea - 在 PyCharm 中用换行符包装注释

r - 如何删除数字 R 变量中的前导 "0."