WebStorm：如何将突出显示的文本放入带有前缀的 console.log

Question

由于我每天多次使用console.log() ，我想让它更有效率。

所以如果我有一个变量：

const testVariable = 0;

我想记录这个，我通常会创建这样的东西：

console.log("testVariable: ", testvariable); 

这特别有用（与我记录大量值时仅使用console.log(testVariable)相比）。 所以我总是知道哪个值属于哪个变量。

所以我的问题是：

WebStorm IDE 中是否有一种简单的方法（如自动完成、代码替换、代码包装等），我可以使用它来突出显示变量testVariable ，然后执行快捷方式或单击某处，它会创建以下内容：

console.log("testVariable: ", testvariable);

我非常感谢任何建议。

Answer 1

您可以使用这样的快捷方式，将值放在点 log(.log) 之前：

"testVariable: ", testvariable.log

按 Tab 后，结果将是：

console.log("testVariable: ", testvariable)

如此处所引用：

JetBrains 提示指南