webstorm有一些console.log或console.info的快捷方式

Question

只是厌倦了一次又一次地输入console.log,并且在Eclipse中找不到类似'Sysout + Control + Space'的方法会创建System.out.println().

Answer 1

有一个预定义的Postfix模板,允许您在JavaScript表达式或字符串后键入.log,然后按Tab键将其转换为console.log().

您还可以创建一个实时模板(请参阅"首选项"|"编辑器"|"实时模板"),在您键入所选缩写并按Tab键后,该模板将扩展为代码段.

更新:现在还有一个插件,允许您使用快捷方式添加console.log:https://plugins.jetbrains.com/plugin/10986-console-log

Answer 2

是的,它

<anything>.log然后 Tab按键.这将导致console.log(<anything>);

即

<anything>.log+ Tab=>console.log(<anything>);

eg1:变量

let my_var = 'Hello, World!';
my_var.log + Tab => console.log(my_var);

eg2:字符串

'hello'.log + Tab => console.log('hello');

eg3:字符串和变量

'hello', my_var.log + Tab => console.log('hello', my_var);

Answer 3

[2020 年更新]

键入log+ 输入自动完成console.log()

Answer 4

我制作了自己的模板似乎有效.这可能对某人有用.

缩写:ll

模板文字:

console.log('$NAME$ ', $VALUE$);
    $END$

变量:( 只需通过单击下拉框选择给定的字段值)

1. NAME - jsDefineParameter()
2. VALUE - jsSuggestVariableName

Answer 5

我包括了我认为最有效的内容，我通过实时模板添加 -> javascript -> 适用于“一切”。希望有人觉得它有用。

console.log('L$LINE$ $MYSTRING$ ===', $MYVAR$);$END$

它的作用：当我输入cl并按下 Tab 键时，它会创建日志，您输入的第一件事会同时填充MYSTRING和MYVAR变量。如果您再次使用 Tab，它会选择MYVAR您可以根据需要重写/删除的位置。第三次按 Tab 键将带您到行的末尾$END。此代码段还打印行号，L123但如果它没有帮助，您可以轻松删除它，因为显然大多数浏览器无论如何都会显示行号。

您还必须设置变量的行为，如下图所示：

编辑变量设置