使用Emmet在Visual Studio代码中包装HTML元素

Rag*_*mar 5 html emmet visual-studio-code

我正在使用VSC开发html页面.使用emmet和VSC是一次非常棒的体验,但我经常发现我必须用div包装一组元素,但必须在一行上使用emmet,然后在末尾剪切粘贴结束标记.我要映射的元素集.

有什么方法可以使用emmet并自动将emmet的输出包装在一组选定的元素周围?

Mat*_*ner 16

尝试Emmet: Wrap with Abbreviation命令:

在此输入图像描述

  • 如果需要用标签包裹每一行,只需将 * 作为后缀添加到标签中。即: 1. 选择行 2. 选择 Emmet Wrap individual Lines with abbreviation 3. 输入命令“li*” (2认同)

Sha*_*med 7

最简单的方法是使用键绑定,您可以为此分配自己的键。 file > preference > keyboard shortcuts > editkeybindings并分配你自己的

[{ "key": "ctrl+shift+g", "command":"editor.emmet.action.wrapWithAbbreviation", "when": "editorTextFocus && !editorReadonly" }]
Run Code Online (Sandbox Code Playgroud)