问题描述
我是 vs Code 的新手。我喜欢当您在 html 中键入标签时,它会自动添加结束标签。但有时我不想要它,因为我想在标签之间添加一些已经写好的东西。
例如,如果我已经编写了代码并且想要将其加粗,我输入开始标记,但随后它会关闭它而不是围绕文本。 有没有一种方法可以让我快速跳到突出显示的结束标记的末尾,或者我可以点击一个键来删除该结束标记但将开始标记留在那里?
它是如何开始的图像:
我想做的事情的图片:
解决方法
您可以使用 emmet 来实现您的目标。
-
首先,您选择要换行的单词/文本/段落。
-
接下来按
Ctrl
+Shift
+P
,这会列出 VSCode 中可用的所有命令。 -
搜索“Emmet:Wrap with abbreviation”(在搜索框中输入emmet就足够了)
-
现在,您可以通过输入 emmet 语法来输入要用于包裹所选文本的 HTML。如果您想用标签包装它,只需编写标签,在您的示例中,这将是
b
-
您还可以使用多个标签包裹文本,并为这些标签添加类和属性,例如:
a.more-link[title="test"][href="test.com"]
将使用<a class="more-link" title="test" href="test.com"> ...your selected text ... </a>
包裹文本