                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

关于WebStorm中快速输入标签属性

请问有朋友知道老师在WebStorm中输入canvas属性时，直接点击</canvas>就快速输入是如何做到的吗？需要什么设置、按键辅助或者外部插件呢？

码者务农

2016-12-26

源自：炫丽的倒计时效果Canvas绘图与动画基础 2-1

关注问题我要回答

2892

操作

收起

3 回答

码者务农提问者
2017-01-06

这是我提的问题。不知道老师是怎么实现这段代码的，不过我利用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;"。