如何在VS代码中进行标记换行？

Question

我想将我选择的html包装在VS代码的标签中。 我怎么做？

Answer 1

嵌入式Emmet可以解决问题：

1. 选择文字（可选）
2. 打开命令面板（通常 Ctrl + Shift + P ）
3. 执行$request
4. 输入标记Emmet: Wrap with Abbreviation（或缩写div）
5. 点击输入

可以将命令分配给键绑定。



这件事甚至支持传递参数：

.wrapper>p

Answer 2

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

1. 启动VS Code快速打开（ Ctrl + P ）

2. 粘贴ext install htmltagwrap并输入

3. 选择HTML

4. 按 Alt + W （对于Mac，选项 + W ）。

Answer 3

1. 通过键入⌘Command + k ⌘Command + s 或Code > Preferences > Keyboard Shortcuts打开键盘快捷键
2. 键入emmet wrap
3. 单击“ Emmet：用缩写包装”左侧的加号
4. 键入⌥选项 + w
5. 按 Enter

Answer 4

使用VSCode 1.47+，您可以简单地使用OPT-w。

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

1. 选择您的text / html。
2. 选项 + w
3. 在命令面板中打开的emmet窗口中，键入所需的标签或包装代码。
4. 输入
5. Voila

Answer 5

许多命令已经附加到简单的 ctrl + [key] ，您也可以像 ctrl a < / kbd> + b 。

（如果这是您第一次阅读和弦键绑定，它们的工作方式是不松开 ctrl 键，而在第一个键之后按第二个键。）

我将Emmet: Wrap with Abbreviation绑定到（（ ctrl ）（ w + a ））。

在Windows中：文件>首选项>键盘快捷键（（<< kbd> ctrl ）（ k + s ））>搜索带有缩写的换行>双击>添加您的组合。

Answer 6

imo使用代码段对此有一个更好的答案

使用以下定义创建代码段：

"name_of_your_snippet": {
    "scope": "javascript,html",
    "prefix": "name_of_your_snippet",
    "body": "<${0:b}>$TM_SELECTED_TEXT</${0:b}>"
}

然后将其绑定到keybindings.json中的键。像这样：

{ 
    "key": "alt+w",
    "command": "editor.action.insertSnippet",
    "args": { "name": "name_of_your_snippet" }
}

我认为这应该为您提供与htmltagwrap完全相同的结果，而无需安装扩展程序。

它将在所选文本周围插入标签，默认为<b>标签并选择标签，以便您键入进行更改。

如果要使用其他默认标签，只需在代码段的b属性中更改body。

Answer 7

我刚刚从扩展市场安装了 htmltagwrap 并使用 ALT-W 来包装标签（Windows 版本）。