cll snippet

console.log, который сам подставляет название файла, название функции/метода где вызывается и имена переменных в текстовую часть, чтобы понимать где сработал лог и что логируется.

Хитрость в том что курсор подставляется в зону где WebStorm считывает контекст и работает автодополнение, поэтому подставлять переменную намного проще.

Для IDEA-based:

<template name="cll" value="console.log('$FILENAME$ $METHOD$: $VALUE_STRING$', $VALUE$);$END$" description="upgraded console.log" toReformat="false" toShortenFQNames="true">
    <variable name="VALUE" expression="" defaultValue="" alwaysStopAt="true" />
    <variable name="FILENAME" expression="fileName()" defaultValue="" alwaysStopAt="false" />
    <variable name="METHOD" expression="jsMethodName()" defaultValue="" alwaysStopAt="false" />
    <variable name="VALUE_STRING" expression="" defaultValue="VALUE" alwaysStopAt="false" />
    <context>
        <option name="JAVA_SCRIPT" value="true" />
        <option name="TypeScript" value="true" />
    </context>
</template>

Для VS Code / Zed:

{
    "cll": {
        "scope": "javascript,typescript",
        "prefix": "cll",
        "body": [
            "console.log('$TM_FILENAME $1', $1);"
        ],
        "description": "Log output to console"
    }
}

Правда VS Code не умеет определять название функции/метода. Наверняка для этого есть какие-то плагины, но это не ко мне