我想在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~~
其他回答
通过输入⌘Command+k⌘Command+s或Code > Preferences >键盘快捷键打开键盘快捷键 emmet型保鲜膜 点击“Emmet: Wrap with缩写”左边的加号 类型为“选项+w” 按回车键
在VSCode市场上快速搜索:https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap。
启动VS代码快速打开(Ctrl+P) 粘贴ext install htmltagwrap并进入 选择HTML 按Alt + W (Mac选项+ W)。
在我看来,使用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。
在VSCode 1.47+中,你可以简单地使用OPT-w。
利用内置功能来触发emmet,这是最简单的方法:
选择你的text/html。 Shift +选项+ w 在命令面板中打开的emmet窗口中,输入所需的标记或包装代码。 输入 瞧
我刚刚安装了htmltagwrap从扩展市场和使用ALT-W包装标签(Windows版本)。
推荐文章
- 为什么我的CSS3媒体查询不能在移动设备上工作?
- 下一个元素的CSS选择器语法是什么?
- 我如何用CSS跨浏览器绘制垂直文本?
- Visual Studio代码如何解决合并冲突与git?
- 如何获得box-shadow在左侧和右侧
- 相对定位一个元素,而不占用文档流中的空间
- 如何在jQuery检索复选框值
- Visual Studio代码-在文件末尾插入换行符
- 禁用身体滚动
- 如何在删除前显示确认消息?
- 在一个CSS宽度的小数点后的位置是尊重?
- 如何重新启动VScode编辑扩展的配置?
- 我怎么能选择一个特定的类的最后一个元素,而不是父里面的最后一个孩子?
- 反应:为什么当道具改变时子组件不更新
- 我怎么能检查html元素,从DOM消失失去焦点?