Visual Studio 中是否有 HTML 标签创建快捷方式？答案

【问题标题】：Is there HTML tag creation shortcut in Visual Studio?Visual Studio 中是否有 HTML 标签创建快捷方式？
【发布时间】：2014-08-03 07:45:06
【问题描述】：

我想知道是否有任何键盘快捷键可以让您快速创建 HTML 标记..

例如，如果我想创建这样的东西

<div><ul class="short"><li>*</li><li>*</li><li>*</li><li>*</li></ul></div>

我可以编写类似 div>ul.short>li*5{*} 的内容并点击快捷键为我创建上面的标签吗？

谢谢！

【问题讨论】：

您可以录制宏，录制您的步骤，然后从快捷方式播放。

标签： visual-studio-2010 keyboard-shortcuts

【解决方案1】：

visual studio 代码会自动实现这一点。它被称为埃米特输入 div>ul.short>li*5 并点击 TAB 会出现下面的代码

<div>
        <ul class="short">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
</div>

【讨论】：

【解决方案2】：

编写 html 并选择 html 5 下拉菜单。所有代码都会出现在 Visual Studio 上。

【讨论】：

【解决方案3】：

您可以下载一个名为“Web Essentials”的 Visual Studios 扩展。对于任何进行 Web 开发的人来说，这是一个强烈推荐的扩展，并提供了大量的简单助手功能。对于您的特定问题，它有一个叫做 Zen Coding 的东西。这是一个描述好处和用途的博客：

http://dannydnet.blogspot.com/2013/12/vs2013-web-essentials-zen-coding-is.html

以下是其他可能对您有帮助的功能列表的链接： http://vswebessentials.com/features/html

【讨论】：

注意：Zen Coding 前段时间更名为 Emmet。

【解决方案4】：

我找到了我的问题的答案...但是该工具仅适用于 VS 2012 和 2013，而不是 2010。

我描述的功能可以在一个名为 Emmet 的软件中找到：

http://emmet.io/

用于 VS 的 Emmet（介绍）：

http://devproconnections.com/web-development/simplify-html-coding-emmet-visual-studio

用于 VS 2013 的 Emmet 下载：

http://visualstudiogallery.msdn.microsoft.com/427e078e-4885-424b-8667-6485b7937145

【讨论】：

【解决方案5】：

将我的评论移至答案。

您可以录制宏，录制您的步骤，然后从快捷方式播放。

在我输入之后，我进行了一些研究和测试，确实有一套非常好的工具可以用于创建、保存、运行和管理宏。只需做一个快速的谷歌搜索。它会告诉你你需要知道的一切。

【讨论】：

是的，宏可以解决这种特殊情况，但我相信他正在寻找 Zen Coding 解决方案，例如内置于 VS 或 Web Essentials 的 Zen Coding 解决方案，这是一个添加 Zen Coding 功能的流行扩展。