webstorm单标签设置成双标签展开解决iview中col展开问题

时间:2020-9-11 作者:admin

大家好!我是木瓜太香,今天给大家带来一个 webstorm 小技巧

场景:有使用过 vue 框架并且使用 iview 做 ui webstorm 做 ide 的同学,可能会遇到一个比较奇怪的问题,iview 中有一个 Col 的组件,这个组件作为一个布局组件存在,但是他和 html 原生标签 col 重复了,iview 中 Col 需要是双标签,原生 html 中 col 是单标签,webstorm 就会认为他是单标签,在展开的时候也就只是单标签了。

解决的办法其实比较简单,我们可以在 webstorm 中的 live template 中新建一个 Col 项 指定内容为 <Col>$END$</Col>这样我们在展开就是双标签了,如果你还不知道怎么添加 live template 可以去B站看一下我录的视频,有详细教学。

我自己建了一个web前端的交流裙有兴趣的可以加入进来交流哦:237871108。当然你也可以通过哔哩哔哩搜索木瓜太香找到我。

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。