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

152 阅读1分钟

大家好!我是木瓜太香,今天给大家带来一个 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。当然你也可以通过哔哩哔哩搜索木瓜太香找到我。