使用 Emmet 将 url 添加到 <a href="">

Question

Emmet 是否有将

URL

添加到

<a href="">

的语法？

例如：

语法：

a:www.google.com

结果：

<a href="www.google.com"></a>

Answer 1

在 Emmet 中向元素添加属性的一般语法是：

element[attr=value]

所以在这种情况下，它是：

a[href=www.google.com]

也就是说，如果您只执行

a

本身，它应该会自动将编辑器光标跳转到

href

属性，并且您可以执行

a:link

来用

http://

预先填充它。所以这些选项可能会更快/更符合您的口味。

有关更多信息，请查看 Emmet Cheat Sheet - 它列出了所有可用的语法。

Answer 2

稍微短一点：

a[www.google.com]

等于：

<a href="www.google.com"></a>

Answer 3

在 VSCode 中，您可以将需要链接的文本换行，并使用“用缩写换行”作为链接 url（Cmd+Shift+P 并输入 Emmet 查看快捷方式）。

使用此片段：

a[href="$#"]

内容将被插入为链接 URL。

从

http://www.example.com

到

<a href="http://www.example.com">http://www.example.com</a>