Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Console Time SnippetNew to Visual Studio Code? Get it now.
Console Time Snippet

Console Time Snippet

extrastu

|
1 install
| (0) | Free
快速插入console.time()和console.timeEnd()代码片段
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft