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

来源:2-1 创建canvas

码者务农

2016-12-26 10:52

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

写回答 关注

3回答

  • 码者务农
    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;"。

    web小菜

    写个canvas只能用webStorm吗,我用sublime写的,在浏览器显示空白,为什么呢?

    2017-02-10 11:31:54

    共 1 条回复 >

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

    坐等答案

    码者务农

    嗨,这是我提的问题。顺着另一位网友的提示,我写了个实现方法,希望能对你有用

    2017-01-06 10:45:03

    共 1 条回复 >

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

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

    码者务农

    感谢回复,根据你的答案顺藤摸瓜,我找到了一个可以实现这个操作的方法

    2017-01-06 10:35:57

    共 1 条回复 >

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题