vscode 快速打印console.log

第一步

输入这些

javascript 复制代码
{
    // Print Selected Variabl 为自定义快捷键中需要使用的name,可以自行修改
	"Print Selected Variable": {
		"body": [
			"\nconsole.log(",
			"  '%c $CLIPBOARD: ',",
			"  'background-color: #3756d4; padding: 4px 8px; border-radius: 2px; font-size: 14px; color: #fff; font-weight: 700;',",
			"  $CLIPBOARD$1",
			")"
		],
		"description": "Print Selected Variable"
	}
}

第二步 设置快捷键

javascript 复制代码
{
    "key": "z", // 自定义快捷键
    "command": "runCommands", // 运行多个命令
    "args": {
        "commands": [
            {
                "command": "editor.action.clipboardCopyAction" // 复制选中文本
            },
            {
                "command": "cursorEnd" // 光标移到最后
            },
            {
                "command": "editor.action.insertSnippet", // 插入片段
                "args": {
                    "name": "Print Selected Variable" // 调用已配置的代码片段,这里是代码片段里定义的值
                }
            }
        ]
    }
}
相关推荐
Lucky小小吴13 分钟前
各大编码编辑器的缓存目录迁移到D盘【未完待续】
缓存·编辑器
CE贝多芬23 分钟前
用Microsoft Visual Studio Installer Projects 2022打包程序,同时安装VC++的运行库等
ide·microsoft·visual studio
dowhileprogramming24 分钟前
Visual Studio 2026 注册码
ide·windows·visual studio
青鱼入云2 小时前
IDEA源码阅读神器-Diagram工具
java·ide·intellij-idea
言6663 小时前
vscode 设置中文-语言
ide·vscode·编辑器
Lisonseekpan3 小时前
IntelliJ IDEA 快捷键全解析与高效使用指南
java·ide·后端·intellij-idea
专注VB编程开发20年7 小时前
vs2022 IDE扩展无法卸载/VSI 插件卸载及实例清理
ide·visual studio·vs2022·vsix·插件开发
百***12229 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite
Molesidy16 小时前
【VSCode】【Clangd】Win下的基于LLVM/Clangd+Clangd插件+MINGW+CMake的VSCode配置C/C++开发环境的详细教程
c++·ide·vscode·clangd·llvm
zbhbbedp282793cl16 小时前
如何在VSCode中安装Python扩展?
ide·vscode·python