WebStorm 2018.2.3 x64 配置console.log的快捷键

一、第一种方式

File ---> Setting ---> Editor ---> Live Templates ---> Javascript ---> 点右边+ ---> 在下方Abbreviation输入con ---> 在下方Description输入‘控制台输出’ ---> 在下方Temaplate text输入‘console.log('$PARAM$')’ ---> 点击最下方有个蓝色的Define ---> 把Javascript全勾选上 ---> OK

最后附上图吧：

点击右边的+号，选择1.Live Template。

 

点击下方的 Define 按钮，将Javascript全勾选上，最后点击APPLY。

使用方式：

在js文件中，直接输入 con，就行。

 

二、第二种方式

比如 ('xxx').log 的方式， 最后变成 console.log('xxx')。

就是：

'123'.log

然后，再按Tab键。

最后会变成：

console.log('123');

这种方式，不用在WebStorm里面配置，好像是WebStorm自带的。

这就是webstorm中另外一种的console.log的快捷补全方式。