这个 Visual Studio Code 插件为 JavaScript 开发提供了快速打印和警告功能,允许开发者通过简单的快捷键在代码中插入 console.log 或 alert 语句,以便于调试。
开发该插件初心
- 由于一些大型项目的console.log比较多,所以每个开发会有自己常用的log前缀
- 比如常见的
console.log("===obj",obj) console.log(">>>obj",obj) ......
- 通过该插件即可实现快捷插入log语句与自定义配置前后缀,打造个人专属log,方便调试
使用 (举例是console.log, alert同理)
- 如果没有选择任何变量,则会插入 console.log("(可配置的前缀+后缀)",)
- 假设选择变量today,则会插入 console.log("(可配置的前缀)today(可配置后缀)",today)
vscode settings.json 文件中添加以下配置(可选,默认为空):
功能展示:
安装插件后,你可以使用以下快捷键在代码中快速插入 console.log 或 alert 语句:
alt/option+L :插入 console.log 语句。 (快捷键可自定义配置)
alt/option+K :插入 alert 语句。 (快捷键可自定义配置)
- 选择变量,插入时会带上变量
- 配合vscode的
alt/option+↑/↓ 快速移动到调试语句`
特性
- 快速插入:不选择变量会在空白行写入调试语句,选择变量会自动插入变量
- 自动缩进:插入语句时,插件会自动缩进代码,使得代码整洁美观。
- 自定义前缀和后缀:可以通过设置自定义前缀和后缀来增强调试信息的可读性。
配置
该插件提供以下配置选项,允许你自定义前缀和后缀:
console-alert-tool.prefix :设置插入语句的前缀。
console-alert-tool.suffix :设置插入语句的后缀。
| |