我想在VS代码的标签内包装我所选择的html。 我怎么做呢?
当前回答
有一个快速输入的解决方案。
打开命令面板(通常是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~~
其他回答
由于我不能评论,我将详述亚历克斯的精彩答案。
如果你想要类似于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缩写”来添加快捷键。
我刚刚安装了htmltagwrap从扩展市场和使用ALT-W包装标签(Windows版本)。
嵌入的艾米特可以做到这一点:
选择文本(可选) 打开命令面板(通常是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
有一个快速输入的解决方案。
打开命令面板(通常是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~~
通过输入⌘Command+k⌘Command+s或Code > Preferences >键盘快捷键打开键盘快捷键 emmet型保鲜膜 点击“Emmet: Wrap with缩写”左边的加号 类型为“选项+w” 按回车键
推荐文章
- 在输入type="number"时禁用webkit的旋转按钮?
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- 错误:'types'只能在.ts文件中使用- Visual Studio Code使用@ts-check
- Visual Studio Code: .git文件夹/文件隐藏
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮
- 我可以嵌套一个<按钮>元素内< >使用HTML5?
- 设置TextView文本从html格式的字符串资源在XML
- Visual Studio Code:如何调试Python脚本的参数
- 为什么我的球(物体)没有缩小/消失?
- Twitter Bootstrap 3 Sticky Footer
- CSS在特定的“内联块”项之前/之后换行