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()