我想在VS代码的标签内包装我所选择的html。 我怎么做呢?
当前回答
在VSCode 1.47+中,你可以简单地使用OPT-w。
利用内置功能来触发emmet,这是最简单的方法:
选择你的text/html。 Shift +选项+ w 在命令面板中打开的emmet窗口中,输入所需的标记或包装代码。 输入 瞧
其他回答
在我看来,使用snippet有一个更好的答案
用这样的定义创建一个代码片段:
"name_of_your_snippet": {
"scope": "javascript,html",
"prefix": "name_of_your_snippet",
"body": "<${0:b}>$TM_SELECTED_TEXT</${0:b}>"
}
然后在键绑定中将其绑定到一个键。例如:
{
"key": "alt+w",
"command": "editor.action.insertSnippet",
"args": { "name": "name_of_your_snippet" }
}
我认为这应该给你完全相同的结果htmlltagwrap,但不需要安装扩展。
它将在选定的文本周围插入标签,默认为<b>标签&选择标签,因此键入可以更改它。
如果您想使用不同的默认标记,只需更改代码片段的body属性中的b。
嵌入的艾米特可以做到这一点:
选择文本(可选) 打开命令面板(通常是Ctrl+Shift+P) 执行Emmet:用缩写结尾 输入标签div(或缩写。wrapper>p) 回车
命令可以分配给键绑定。
这个东西甚至支持传递参数:
{
"key": "ctrl+shift+9",
"command": "editor.emmet.action.wrapWithAbbreviation",
"when": "editorHasSelection",
"args": {
"abbreviation": "span",
},
},
像这样使用它:
span.myCssClass 跨度# myCssId b b.myCssClass
我刚刚安装了htmltagwrap从扩展市场和使用ALT-W包装标签(Windows版本)。
在VSCode 1.47+中,你可以简单地使用OPT-w。
利用内置功能来触发emmet,这是最简单的方法:
选择你的text/html。 Shift +选项+ w 在命令面板中打开的emmet窗口中,输入所需的标记或包装代码。 输入 瞧
许多命令已经附加到简单的ctrl+[key],你也可以做和弦键绑定,如ctrl a+b。
(如果这是你第一次阅读和弦键绑定:它们的工作原理是不放开ctrl键,然后在第一个键后按第二个键。)
我有我的Emmet: Wrap with缩写绑定到((ctrl) (w+a))。
在windows中:文件>首选项>键盘快捷键((ctrl) (k+s))>搜索带缩写的换行>双击>添加你的组合。
推荐文章
- 向HTML表中添加水平滚动条
- 在notepad++中格式化代码
- 表单中包含表单,可以吗?
- 如何创建表只使用<div>标签和Css
- html5 - canvas元素-多层
- 如何确保<select>表单字段被禁用时提交?
- 如何在HTML文本换行?
- 在VS Code中禁用“Comments are not allowed In JSON”错误
- 使用正则表达式搜索和替换Visual Studio代码
- 如何在JavaScript中转义单引号(')?
- 如何使用HTML/CSS在文本中插入空格/制表符
- 用背景图像填充SVG路径元素
- 将JSON显示为HTML
- HTML被认为是一种编程语言吗?
- 如何缩进/格式选择的代码在Visual Studio代码?