LogRush：提升开发效率的 VSCode 扩展

LogRush 是一款专门为 JavaScript 和 TypeScript 开发者设计的 VSCode 扩展，它旨在简化控制台日志的插入、管理和清理过程，提升开发效率。

主要功能：

• 快速插入日志： 支持多种日志类型，包括 console.log、console.info、console.warn 和 console.error。智能变量日志功能可以自动生成带变量名的日志语句，您还可以自定义日志格式，如文件名、行号等。

• 日志管理： 一键移除所有 console 语句，批量注释或取消注释 console 语句，支持对选中区域或整个文件进行日志管理。

安装与使用：

• 安装： 在 VSCode 扩展商店中搜索 "LogRush" 并安装。

• 快捷键：

  • 插入 console.log: Ctrl 1 (Mac: Cmd 1)
  • 插入 console.error: Ctrl 2 (Mac: Cmd 2)
  • 注释所有 console 语句: Ctrl F2 (Mac: Cmd F2)

• 命令面板： 通过 Ctrl Shift P (Windows/Linux) 或 Cmd Shift P (Mac) 打开命令面板，使用以下命令：

  • LogRush: Insert console.log
  • LogRush: Insert console.error
  • LogRush: Insert console.warn
  • LogRush: Insert console.info
  • LogRush: Remove Console Logs
  • LogRush: Comment Console Logs
  • LogRush: Uncomment Console Logs

配置选项：

在 VSCode 设置中，您可以自定义以下选项：

• 基本设置：

  • log-rush.LogMethod: 设置默认的日志方法（默认："console.log"）
  • log-rush.VarPilotSymbol: 设置变量分隔符（默认："::"）
  • log-rush.QuotationMark: 设置引号类型（"single" 或 "double"，默认："double"）
  • log-rush.ShowLogSemicolon: 是否在日志末尾添加分号（默认：true）

• 显示设置：

  • log-rush.ShowLineTag: 是否显示行号（默认：true）
  • log-rush.LineTagAtBeginOrEnd: 行号显示位置（"begin" 或 "end"，默认："begin"）
  • log-rush.ShowFilePath: 是否显示文件路径（默认：true）
  • log-rush.FilePathType: 文件路径显示类型（默认："short"）
    • "short": 仅显示文件名
    • "full": 显示相对路径
    • "custom": 自定义格式

• 自定义格式：

  • log-rush.CustomFormat: 自定义日志格式（默认："${fileName} ${varName}::: "），支持以下变量：
    • ${fileName}: 文件名
    • ${filePath}: 相对路径
    • ${fullPath}: 完整路径
    • ${varName}: 变量名
    • ${lineNumber}: 行号

使用示例：

• 基本使用：

  1. 选中变量
  2. 使用快捷键或命令插入日志
  3. 自动在下一行生成格式化的日志语句

• 日志格式示例：

  // 默认格式
  console.log("index.js myVariable::", myVariable);
  
  // 带行号
  console.log("line:10 index.js myVariable::", myVariable);
  
  // 自定义格式
  console.log("[DEBUG][index.js:10] myVariable::", myVariable);

开发信息：

• 项目结构：

  src/
    ├── ctrl-key/
    │   ├── quickLog.ts      # 日志插入功能
    │   └── quickRemoveLog.ts # 日志管理功能
    ├── types/
    │   └── index.ts         # 类型定义
    └── extension.ts         # 扩展入口

• 构建和测试：

  1. 克隆仓库
  2. 运行 npm install 安装依赖
  3. 按 F5 启动调试实例

贡献与许可：

• 贡献： 欢迎提交 Issue 和 Pull Request！
• 许可证： MIT