html - 如何使用 Visual Studio Code 在 html 文档中的两个标签之间添加选择？

Question

假设我有以下 html 段落：
<p>This is a nice paragraph</p>

有没有一种快速的方法来强调，例如，“nice”这个词？
如果我在 'nice' 之前写 <em>，我的段落将如下所示：
<p>This is a <em></em>nice paragraph</p>
因此，我必须复制 'nice' 并将其粘贴在两个 <em> 标记之间，我觉得这会很耗时长时间。
有没有办法选择“nice”这个词，然后写 <em> 以立即在标签之间获取它，而不是让它被标签替换？

标签： htmlvisual-studio-code

Answer 1

您需要的是嵌入式 Emmet。

1. 在 Visual Studio Code 中，按 Ctrl + Shift + P（打开命令面板）。
2. 执行：Emmet: Wrap with Abbreviation
3. 输入标签，例如div（或缩写.wrapper>p）
4. 按回车

希望能帮助到你。