Question

厌倦了一次又一次地输入console.log，并且找不到类似于＆＃39; Sysout + Control + Space＆＃39;在Eclipse中将创建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 + 标签 => 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

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

缩写：ll

模板文字：

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

变量：（只需点击下拉框即可选择给定的字段值）

NAME - jsDefineParameter（）
VALUE - jsSuggestVariableName

Answer 4

[UPDATE 2020]

键入log，然后输入自动完成的console.log()

Answer 5

这是我的解决方案，它有点模仿涡轮控制台方法，并为您提供一定的自由来构建它。

第一步：进入编辑器>通用>后缀补全；

第 2 步：点击 JavaScript，点击 + 按钮，选择 JavaScript 和 TypeScript；

第 3 步：在 Key 输入中，为您的命令输入别名，我为我的命令选择“cl”；

第 4 步：在“最低语言级别”中选择您想要的首选项，我选择 ECMAScript 6+；

第 5 步：在下面的文本区域，添加您的逻辑，对我来说是 console.log('$EXPR$', $EXPR$, '$END$');

第 6 步：随心所欲地自定义。

那么这一切有什么作用？

让我们考虑以下几点：

const willNeedToBeLogged = 'some value you want to check';

你需要为一个控制台做的就是输入

willNeedToBeLogged.cl + press (Tab, Enter or Spance)

你会得到这个

console.log('willNeedToBeLogged', willNeedToBeLogged, '');

将光标放在 $END$ 变量上，您可以在其中书写、一行或任何您喜欢的内容。

玩得开心！

Answer 6

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

缩写：堵塞

模板代码：

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

Answer 7

最简单的实时模板文本：

console.log($END$);

Answer 8

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

sed

它的作用：当我键入console.log('L$LINE$ $MYSTRING$ ===', $MYVAR$);$END$并按Tab键时，它将创建日志，而您输入的第一件事将同时填充cl和MYSTRING变量。如果再次选择标签，它将选择MYVAR，您可以在其中根据需要重写/删除。第三次单击选项卡将带您到MYVAR行的末尾。该代码段也可以打印行号，例如$END，但是如果没有帮助，则可以轻松删除它，因为显然大多数浏览器仍然显示行号。

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

Edit variables setup

Answer 9

使用宏！

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

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

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

在下一行。并为其分配了键盘快捷键：）

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

Answer 10

也许这是最近添加的内容，但是您可以编写日志并单击tab和console.log（），并且尖括号之间会出现插入符号。

Ekaterina Prigara（https://stackoverflow.com/a/32975087/5653914）的回答对我来说非常有用，但是如果您要记录“ Test”之类的字符串，则此方法会更快。

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

10 个答案: