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

时间:2017-06-11 03:13:53

标签: html visual-studio-code emmet

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

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

2 个答案:

答案 0 :(得分:12)

尝试Emmet: Wrap with Abbreviation命令:

enter image description here

答案 1 :(得分:3)

最简单的方法是使用密钥绑定,您可以为此分配自己的密钥。 档案>偏好>键盘快捷键> editkeybindings并指定你自己的

[{ "key": "ctrl+shift+g", "command":"editor.emmet.action.wrapWithAbbreviation", "when": "editorTextFocus && !editorReadonly" }]