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


does webstorm have some shortcut for console.log or console.info

只是厌倦了一次又一次地输入console.log，并且在Eclipse中找不到像" Sysout + Control + Space"这样的方法来创建System.out.println()。

相关讨论

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

您还可以创建一个Live模板(请参阅"首选项" |"编辑器" |" Live"模板)，一旦键入所选缩写并单击Tab，它就会扩展为代码段。

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

相关讨论

是的，它确实，

.log，然后按Tab键。这将导致console.log();

即

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

eg1：变量

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

eg2：字符串

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

eg3：字符串和变量

1
'hello', my_var.log + Tab => console.log('hello', my_var);
相关讨论

我制作了自己的模板，该模板似乎可以正常工作。
对某人可能有用。

缩写：ll

模板文字：

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

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

  • 名称-jsDefineParameter()
  • 值-jsSuggestVariableName
    • 相关讨论

    我包含了我认为最有效的内容，我是通过实时模板-> javascript->适用于"一切"的内容添加的。希望有人发现它有用。

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

    它能做什么：
    当我键入cl并按Tab键时，它将创建日志，而您键入的第一件事将同时填充MYSTRING和MYVAR变量。如果再次选项卡，它将选择MYVAR，您可以在其中根据需要进行重写/删除。第三次单击选项卡会将您带到该行的末尾$END。
    该代码段还会打印行号，如L123，但如果它没有帮助，则可以轻松删除它，因为显然大多数浏览器仍会显示行号。

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

    编辑变量设置

    相关讨论

    最简单的实时模板文本：

    1
    console.log($END$);

    我做了一个自定义模板。这可以为您提供帮助。

    缩写：木log

    模板代码：

    1
    2
    3
    4
    5
    6
    7
    console.log("

    --------------------------------");
    console.log($END$);
    console.log("--------------------------------

    ");

    使用宏！

    https://www.jetbrains.com/help/webstorm/using-macros-in-the-editor.html

    我录制了一个宏，该宏使用光标所在的名称并创建

    console.log("#### name =", name);

    在下一行。
    并为其分配了键盘快捷键:)

    超级简单，并且无法通过1次操作获得实时模板来获得相同的结果。