Console Time Snippet
一个简单的 VSCode 扩展,用于快速插入 console.time() 和 console.timeEnd() 代码片段。
功能特性
- 输入
time 自动提示并插入 console.time()
- 输入
timeend 自动提示并插入 console.timeEnd()
- 输入
timeblock 插入完整的时间测量代码块
- 支持 JavaScript、TypeScript、JSX 和 TSX 文件
- 智能光标定位,方便修改计时器名称
使用方法
代码片段
插入 console.time()
- 输入
time 然后按 Tab 键
- 或者输入
time 然后从自动完成列表中选择
插入 console.timeEnd()
插入完整时间测量块
命令面板
- 按
Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac)
- 输入 "Insert Console Time" 并选择命令
安装方法
从源码安装
克隆或下载项目文件
在项目根目录创建以下文件结构:
console-time-snippet/
├── package.json
├── tsconfig.json
├── README.md
├── src/
│ └── extension.ts
└── snippets/
└── console-snippets.json
在终端中运行:
npm install
npm run compile
按 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!
| |