Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>console and alert toolsNew to Visual Studio Code? Get it now.
console and alert tools

console and alert tools

lioy

|
26 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JS Console and Alert Tools

这个 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:设置插入语句的后缀。
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft