问答详情
源自:2-1 创建canvas

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

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

提问者:码者务农 2016-12-26 10:52

个回答

  • 码者务农
    2017-01-06 10:41:44

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

  • ONLYWEI
    2016-12-28 14:07:58

    坐等答案

  • 小呀嘛小白菜
    2016-12-28 12:57:33

    感觉老师用的应该是是代码片段之类的插件,我记得有一个emmet的插件,你可以参考一下