如何做标签包装在VS代码?

我想在VS代码的标签内包装我所选择的html。我怎么做呢?

当前回答

我刚刚安装了htmltagwrap从扩展市场和使用ALT-W包装标签(Windows版本)。

其他回答

由于我不能评论，我将详述亚历克斯的精彩答案。

如果你想要类似于sublime的换行体验，打开键盘快捷键(command⌘/Ctrl+shift+P > Preferences: open Keyboard Shortcuts (JSON))，并添加以下对象:

{
    "key": "alt+w",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorHasSelection && editorTextFocus"
}

哪个将Emmet wrap命令绑定到选项当选择文本时，为“/Alt+W”。

你也可以使用UI来做到这一点，打开键盘快捷键菜单并搜索“emmet wrap with缩写”来添加快捷键。

在VSCode市场上快速搜索:https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap。

启动VS代码快速打开(Ctrl+P) 粘贴ext install htmltagwrap并进入选择HTML 按Alt + W (Mac选项+ W)。

许多命令已经附加到简单的ctrl+[key]，你也可以做和弦键绑定，如ctrl a+b。

(如果这是你第一次阅读和弦键绑定:它们的工作原理是不放开ctrl键，然后在第一个键后按第二个键。)

我有我的Emmet: Wrap with缩写绑定到((ctrl) (w+a))。

在windows中:文件>首选项>键盘快捷键((ctrl) (k+s))>搜索带缩写的换行>双击>添加你的组合。

我刚刚安装了htmltagwrap从扩展市场和使用ALT-W包装标签(Windows版本)。

在VSCode 1.47+中，你可以简单地使用OPT-w。

利用内置功能来触发emmet，这是最简单的方法:

选择你的text/html。 Shift +选项+ w 在命令面板中打开的emmet窗口中，输入所需的标记或包装代码。输入瞧

推荐文章