码者务农
2016-12-26 10:52
请问有朋友知道老师在WebStorm中输入canvas属性时,直接点击</canvas>就快速输入是如何做到的吗?需要什么设置、按键辅助或者外部插件呢?
这是我提的问题。不知道老师是怎么实现这段代码的,不过我利用WebStorm的Live Templates做了一个类似的实现:输入缩写(Abbreviation)id="canvas",Template text填写为id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;",接着定义合适的applicable contexts,最后应用。默认扩展键为tab,这样在代码中输入id="canvas"后,只需要再按下tab键,就可以看到编辑器自动补充为id="canvas" style="border:1px solid #aaa;display:block;margin:50px auto;"。
坐等答案
感觉老师用的应该是是代码片段之类的插件,我记得有一个emmet的插件,你可以参考一下
炫丽的倒计时效果Canvas绘图与动画基础
96746 学习 · 1000 问题
相似问题