思ってたこと

毎度console.log書いて変数名をC&Pするのが面倒
（スニペット登録してても面倒に感じてました。

動作例

対象の変数名を選択して「Ctrl+Alt+L」（Macの場合は「Option+Shift+L」）

サイドバーのEXTENSIONS「(Ctrl|Cmd)+Shift+X」を選択し、「Turbo Console Log」を検索してインストール

VSCodeMarketPlace: Turbo Console Log

「Turbo Console Log」では、複数のオプションが用意されています。

行末にセミコロンを挿入するか（dafault: false）

setting.json

"turboConsoleLog.addSemicolonInTheEnd": true

ログ表示に変数が所属しているクラス名を出力するかどうか（default: true）

setting.json

"turboConsoleLog.insertEnclosingClass": true

ログ表示に変数が所属しているメソッド名を出力するかどうか（default: true）

setting.json

"turboConsoleLog.insertEnclosingFunction": false

ログ表示に利用するprefixを指定（default: "TCL"）

setting.json

"turboConsoleLog.logMessagePrefix": "Debug"

ログ表示に利用するクォートの種類を指定（types: （"|'|`））

setting.json

"turboConsoleLog.quote": "`"

ログ表示を"---"で囲うかどうか（default: false）

setting.json

"turboConsoleLog.wrapLogMessage": true

キーバインドの初期値一覧です。
使いやすいようにカスタマイズして下さい。

キーバインド	説明
Ctrl+Alt+L(Option+Shift+L)	フォーカスされている箇所をconsole.logで囲って次行に挿入
Ctrl+Alt+C(Option+Shift+C)	出力したすべてのconsole.logをコメントアウト
Ctrl+Alt+U(Option+Shift+U)	出力したすべてのconsole.logのコメントアウトを解除
Ctrl+Alt+D(Option+Shift+D)	出力したすべてのconsole.logを削除

普段JavaScriptの開発を行ってる方にとって便利な拡張機能だと思いますので、ぜひお試し下さい。