• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

自动闭合插件原理分析

开发技术 开发技术 1周前 (04-06) 4次浏览

大家好,现在是早餐的六点半。小曹同学做完晨练来写了几行代码,发现使用vscode这个闭合标签很有意思。

自动闭合插件原理分析

 

 

 当你输入正常的div,<div  当你输下>的时候会自动给你弹出</div>  很友好的操作。

但当你css写多了  你以为这个是Html标签补齐,其实并不是,不然你可以打一个<gajkgja 试一下按下>的结果。

其实啊,这就是检测你的文档输入和键盘操作,当你输入<div 按下>的时候,自动indexOf(‘>’)前面到“<”之间的字母记录下来,然后给你字符串拼接”<“+记录下的变量+”>”而已罢了。

至于小曹同学之后会更新这篇博文,自己手写一个这样的插件以供大家参考和自己使用。

感谢收看!


程序员灯塔
转载请注明原文链接:自动闭合插件原理分析
喜欢 (0)