美文网首页程序员
VScode中emmet的wrap with Abbreviat

VScode中emmet的wrap with Abbreviat

作者: efho | 来源:发表于2020-07-08 15:21 被阅读0次

编写html时wrap with Abbreviation是很好用的工具,具体使用方法官方文档: https://docs.emmet.io/actions/wrap-with-abbreviation/

但是VScode中将该功能分为了两类,导致emmet官方文档中的演示在vscode中出问题(算是微软造福吧毕竟多个功能,就是浪费我两个小时全网搜解决办法,最后在VScode文档中看到了- -)

例:

首页

产品介绍

相关案例

关于我们

联系我们

光标选中后打开 wwa,输入ul>li* 结果如下:

不想要这个

显然不对啊,需要每一行作为一个list item,在各个论坛搜索解决方法无果后,最终选择看vscode官方文档orz,结果发现了问题所在。链接:https://code.visualstudio.com/docs/editor/emmet

vscode文档说明

如上,打开vscode 设置 keyborad shortcut 设置Emmet: Wrap Individual Lines with Abbreviation快捷键,看看效果。

想要这个

希望能帮助像我一样的html新手。。

相关文章

网友评论

    本文标题:VScode中emmet的wrap with Abbreviat

    本文链接:https://www.haomeiwen.com/subject/kerccktx.html