我想在VS代码的标签内包装我所选择的html。 我怎么做呢?
当前回答
嵌入的艾米特可以做到这一点:
选择文本(可选) 打开命令面板(通常是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
其他回答
在VSCode 1.47+中,你可以简单地使用OPT-w。
利用内置功能来触发emmet,这是最简单的方法:
选择你的text/html。 Shift +选项+ w 在命令面板中打开的emmet窗口中,输入所需的标记或包装代码。 输入 瞧
我刚刚安装了htmltagwrap从扩展市场和使用ALT-W包装标签(Windows版本)。
有一个快速输入的解决方案。
打开命令面板(通常是Ctrl+Shift+P) 首选项:打开键盘快捷键(JSON) 添加这个snap code { “关键”:“ctrl +’”, “命令”:“editor.action.insertSnippet”, “当”:“editorTextFocus”, " args ": { “片段”:“~ ~ $ {TM_SELECTED_TEXT / ^ (\ \ [t] *) . * $ / $ 1 /} $ {TM_SELECTED_TEXT / ^ \ \ [t] * (. *) $ / $ 1 /} $ {TM_SELECTED_TEXT / ^ (\ \ [t] *) . * $ / $ 1 /} ~ ~” }, } 选择任意文本并按ctrl+ '
结果:
~~YourText~~
嵌入的艾米特可以做到这一点:
选择文本(可选) 打开命令面板(通常是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
通过输入⌘Command+k⌘Command+s或Code > Preferences >键盘快捷键打开键盘快捷键 emmet型保鲜膜 点击“Emmet: Wrap with缩写”左边的加号 类型为“选项+w” 按回车键
推荐文章
- 打开同一目录两次
- 使伸缩项目正确浮动
- 如何从终端/命令行调用VS代码编辑器
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?