webstrom黑科技--编辑自动补全

自带的编辑自动补全

settings-->Editor-->live Template


image.png

因为我用的是vue那我们就展开看一下vue和JavaScript的快捷键


image.png

image.png

有兴趣的同学可以自己去试一下

私人订制

当然作为一个编辑器不可能满足所有人的编码需求,所以它给我们提供了一个自己编辑的功能

第一步

settings-->Editor-->live Template 点击右边加号选择template group


image.png
第二步 自己取一个名字,然后保存
image.png
第三步 选中刚刚创建的myTemplate,再次点击右边的加号,选择live Template
image.png
第四步 我们创建一个常用的console.log(),$END$表示的是补全后鼠标的位置
image.png
第五步点击下面的define,并且勾选typescript/javascript
image.png

然后点击 apply ok
好了,大功告成
我们试验一下,在编辑器里打出clog然后tab看看是不是自动补全成console.log()

推荐阅读更多精彩内容