Console Time Snippet

一个简单的 VSCode 扩展，用于快速插入 console.time() 和 console.timeEnd() 代码片段。

功能特性

• 输入 time 自动提示并插入 console.time()
• 输入 timeend 自动提示并插入 console.timeEnd()
• 输入 timeblock 插入完整的时间测量代码块
• 支持 JavaScript、TypeScript、JSX 和 TSX 文件
• 智能光标定位，方便修改计时器名称

使用方法

代码片段

1. 插入 console.time()

   • 输入 time 然后按 Tab 键
   • 或者输入 time 然后从自动完成列表中选择

2. 插入 console.timeEnd()

   • 输入 timeend 然后按 Tab 键

3. 插入完整时间测量块

   • 输入 timeblock 然后按 Tab 键
   • 会生成：

     console.time("timer");
     // 你的代码
     console.timeEnd("timer");
     

命令面板

• 按 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac)
• 输入 "Insert Console Time" 并选择命令

安装方法

从源码安装

1. 克隆或下载项目文件

2. 在项目根目录创建以下文件结构：

   console-time-snippet/
   ├── package.json
   ├── tsconfig.json
   ├── README.md
   ├── src/
   │   └── extension.ts
   └── snippets/
       └── console-snippets.json
   

3. 在终端中运行：

   npm install
   npm run compile
   

4. 按 F5 启动调试，或者使用 vsce 打包：

   npm install -g vsce
   vsce package
   

开发

• 使用 npm run watch 进行实时编译
• 按 F5 在新的 VSCode 窗口中测试扩展

支持的语言

• JavaScript (.js)
• TypeScript (.ts)
• JavaScript React (.jsx)
• TypeScript React (.tsx)

示例

输入 time 后：

console.time("timer"); // 光标会定位在 'timer' 处，方便修改

输入 timeblock 后：

console.time("timer");
// 你的代码
console.timeEnd("timer");

贡献

欢迎提交 issue 和 pull request！