Easy Console

快速添加和删除 console.log 的 VSCode 扩展

功能特点

• 选中变量后一键添加 console.log
• 支持自定义前缀
• 智能识别变量类型
• 一键删除所有插件添加的 console.log

快捷键

使用方法

1. 添加 console.log

1. 选中要打印的变量或文本
2. 按 Ctrl+Shift+L (Windows/Linux) 或 Cmd+Shift+L (macOS)
3. console.log 会自动插入到下一行

2. 自定义前缀

1. 打开 VSCode 设置 (Ctrl+, 或 Cmd+,)
2. 搜索 "Easy Console"
3. 在 "Prefix" 中输入自定义前缀，如 "zxx"
4. 设置后输出格式为: console.log('zxx', variable);

3. 删除所有插件添加的 console.log

1. 按 Ctrl+Shift+D (Windows/Linux) 或 Cmd+Shift+D (macOS)
2. 所有带 // easy-console 标记的 console.log 会被删除
3. 手动添加的 console.log 不会被删除

使用示例

基础用法

// 选中: myVariable
// 按 Ctrl+Shift+L
// 输出:
myVariable
console.log(myVariable); // easy-console

使用自定义前缀

设置 Prefix 为 zxx 后：

// 选中: userName
// 按 Ctrl+Shift+L
// 输出:
userName
console.log('zxx', userName); // easy-console

智能类型识别

// 选中: "Hello World" (字符串)
// 输出:
console.log("Hello World"); // easy-console

// 选中: { name: "John", age: 25 } (对象)
// 输出:
console.log({ name: "John", age: 25 }); // easy-console

// 选中: numbers (变量)
// 输出:
console.log(numbers); // easy-console

删除所有日志

// 删除前:
const name = 'John';
console.log(name); // easy-console
const age = 25;
console.log('zxx', age); // easy-console
console.log('手动添加的不会被删除'); // 手动添加的

// 按 Ctrl+Shift+D 后:
const name = 'John';
console.log('手动添加的不会被删除'); // 手动添加的

工作原理

插件会在生成的 console.log 末尾添加一个特殊标记 // easy-console，用于标识哪些 console.log 是由插件添加的。删除命令只会删除带有这个标记的行。

作者

zxx