HTML 环绕 Visual Studio Code

Question

我有一个段落，

<p> hello world</p>

，现在我想将“世界”放入

<em></em>.

我正在寻找标记单词并写下

<em>

的快捷方式。 而且我不必删除和替换我想要的单词。

我该怎么做？

Answer 1

• 选择文字

  world

• 使用命令Emmet：用缩写换行
• 输入

  em

  和

  Enter

如果您需要经常使用相同的缩写，您可以使用我编写的扩展：最近使用。在扩展设置中，您可以预定义缩写。

Answer 2

您可以使用 Emmet 快捷键来加快代码编写速度。

诸如此类：

p>{hello world}

将扩展为

<p>Hello world</p>

然后：

em>{world}

将变成

<em>world</em>

如果您想一起做所有事情：

p>{hello}+em>{world}

然后将扩展为

<p>hello<em>world</em></p>

您可以在这里阅读更多内容：

1. Emmet — Web 开发人员的必备工具包（官方网站）
2. Visual Studio Code 中的 Emmet