Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Super ConsoleNew to Visual Studio Code? Get it now.
Super Console

Super Console

CoderYC

|
152 installs
| (4) | Free
一个前端适用的日志打印工具
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Super Console

Super Console 是一个用于前端开发时的日志打印工具,它能够将日志打印到浏览器的控制台,并且支持自定义日志样式和格式。

用法

方式一

  • windows: 选中需要打印的变量使用快捷键 Ctrl + Alt + L 或者 Alt + L;
  • Mac: 选中需要打印的变量使用快捷键 CMD + Alt + L 或者 Alt + L;

方式二

  • 在需要打印的变量后输入 .log ,即可根据语法提示补全console.log的代码。 示例:
const a:string = 'hello world'

a.log -> console.log("🚢 ~ 当前打印的内容 ~ a:", a);

方式三

  • 直接使用快捷键生成console.log语句
console.log("🚢 ~ 当前打印的内容 ~ ➡️:", $1);

注意事项

  • 如果方式二在某些场景下无法起作用时,推荐使用方式三进行日志输出。
  • 目前只支持 .log 语法提示,其他语法提示正在开发中。
  • 设置中支持更改 emoji 标识和打印文案,具体详见设置。
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft