{"id":13560166,"url":"https://github.com/Sean529/vscode-console-helper","last_synced_at":"2025-04-03T15:31:47.621Z","repository":{"id":41801173,"uuid":"319790975","full_name":"Sean529/vscode-console-helper","owner":"Sean529","description":"20k+ 开发者正在使用的，一键输出 console.log 的 vscode 插件","archived":false,"fork":false,"pushed_at":"2025-03-05T09:23:17.000Z","size":5897,"stargazers_count":68,"open_issues_count":12,"forks_count":8,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-05T10:28:04.825Z","etag":null,"topics":["vscode","vscode-extension","vscode-plugin"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sean529.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-12-08T23:52:01.000Z","updated_at":"2025-03-05T09:23:20.000Z","dependencies_parsed_at":"2024-06-28T09:49:41.119Z","dependency_job_id":"2b17e14f-e983-4bd8-acfd-b2ecc482dd09","html_url":"https://github.com/Sean529/vscode-console-helper","commit_stats":null,"previous_names":[],"tags_count":28,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sean529%2Fvscode-console-helper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sean529%2Fvscode-console-helper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sean529%2Fvscode-console-helper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sean529%2Fvscode-console-helper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sean529","download_url":"https://codeload.github.com/Sean529/vscode-console-helper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247028009,"owners_count":20871634,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vscode","vscode-extension","vscode-plugin"],"created_at":"2024-08-01T13:00:38.670Z","updated_at":"2025-04-03T15:31:42.608Z","avatar_url":"https://github.com/Sean529.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# console-helper（日志小助手）\n\n**console helper** — 在代码中快速输出 console.log 的插件。\n\n- 快捷键一键输出 log\n- 支持自定义 log 样式\n\n[![Marketplace](https://img.shields.io/visual-studio-marketplace/v/AT-9420.console-helper.svg?label=Marketplace\u0026style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=AT-9420.console-helper)\n[![Installs](https://img.shields.io/visual-studio-marketplace/i/AT-9420.console-helper.svg?style=for-the-badge)](https://marketplace.visualstudio.com/items?itemName=AT-9420.console-helper)\n[![Rating](https://img.shields.io/visual-studio-marketplace/stars/AT-9420.console-helper.svg?style=for-the-badge)](https://marketplace.visualstudio.com/items?itemName=AT-9420.console-helper)\n\n### 将选中的变量打印\n\n\u003e 选中变量后按下快捷键，会在代码下方插入一行带颜色的 `console` 语句\n\n快捷方式：\n\n- macOS: `cmd` + `shift` + `l`\n- Windows: `ctrl` + `l`\n\n![select-insert](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2021_01_27_select_insert.gif)\n\n## Feature\n\n- 快捷输出 log\n  - 光标位置按下快捷键打印输出\n  - 选中单词打印选中单词\n- 快捷输出简单 log\n- 快捷删除当前页面中所有 log\n- 支持显示行号\n- 自定义前缀标识\n- 自定义字体颜色\n- 自定义背景颜色\n- 自定义字号大小\n- 支持显示文件名\n- 末尾是否分号(默认无分号)\n- console.log 的参数数量配置\n- 代码片段方式\n- 单引号或双引号配置\n- 是否开启随机颜色\n- 支持选择 console 的类型（log, warn, error, info, table, count, group, groupCollapsed）\n- 支持删除 console 的类型，多个类型用逗号隔开\n- 支持配置包装选择的变量（JSON.stringify(#)）\n- 支持 Python 文件打印\n- 支持随机颜色在终端展示\n\n## setting\n\n\u003e 快速打开键盘快捷方式(快捷键)\n\n- macOS: `cmd` + `k`, `cmd` + `s`\n- Windows: `ctrl` + `k`, `ctrl` + `s`\n\n\u003e 修改快捷绑定(教程)\n\n- macOS: Code \u003e 首选项 \u003e 键盘快捷方式 \u003e 输入 **consoleLog**，将默认 **cmd + shift + l** 改为习惯的快捷键即可，推荐使用 **cmd + l**。\n- Windows: 文件 \u003e 首选项 \u003e 键盘快捷方式 \u003e 输入 **consoleLog**，将默认 **ctrl + l** 改为习惯的快捷键即可。\n\n## Usages\n\n## 随机颜色\n\n\u003e 打印的每条 log 都会有不同的颜色\n\n开启方式：进入 vscode 设置，搜索**日志小助手**, 勾选**是否随机颜色**复选框。效果如下：\n\n![randomColor](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/20220812_randomColor.gif)\n\n## 快捷输出简单 log\n\n\u003e 在当前行输出 `console.log('', )` 语句，光标聚焦在输入位置，输入变量即可。\n\n快捷方式：\n\n- macOS: `cmd` + `y`\n- Windows: `ctrl` + `shift` + `l`\n\n![insert-simple](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/20220217_insert_simple.gif)\n\n## 快捷删除当前页面中所有 log\n\n\u003e 删除页面上所有 `log` ，删除后窗口右下角会提示一共删除了几条 `console.log` 语句\n\n快捷方式：\n\n- macOS: `cmd` + `shift` + `d`\n- Windows: `ctrl` + `shift` + `d`\n\n![delete-all-log](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2021_01_27_delete_all_log.gif)\n\n#### 支持删除 console 的类型，多个类型用逗号隔开\n\n在配置中添加 `consoleLog.Delete Types` 配置项，配置项值为 `log`、`warn`、`error`，多个类型用逗号隔开，如：`log,warn,error`，默认删除所有类型的 console。\n\n### 代码片段快捷方式\n\n- `clg` or `log` 输出 `console.log('[ ] \u003e', )`\n\n![snippet-log](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2021_01_27_snippet_log.gif)\n\n- `clog` 输出 `console.log('%c [ ]: ', 'color: #bf2c9f; background: pink; font-size: 13px;', '')`\n\n![snippet-clog](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2021_01_27_snippet_clog.gif)\n\n## 选择 console.log 参数数量\n\n\u003e 配置 console.log 的参数数量\n\n首先打开配置入口\n\n- macOS: Code \u003e 首选项 \u003e 设置 \u003e 输入 **日志小助手/consoleLog**，可自定义配置项。\n- Windows: 文件 \u003e 首选项 \u003e 设置 \u003e 输入 **日志小助手/consoleLog**，可自定义配置项。\n\n各个选项以 AT 作为变量示例：\n\n- 选择 [^console.log 接收 1 个参数] 输将会在页面上出 **console.log(AT)**\n- 选择 [^console.log 接收 2 个参数] 输将会在页面上出 **console.log('AT', AT)**\n- 选择 [^console.log 接收 3 个参数] 输将会在页面上出 **console.log('AT', 'color: #bf2c9f; background: pink; font-size: 13px; ', AT)**\n\n## 配置前缀标识\n\n\u003e 配置前缀标识可以在控制台中，更快速的找到你的日志，唯一标识可区分是谁的日志\n\n配置 demo 已在配置说明中描述，快去配置专属于你的前缀吧\n\n## 配置包装选择的变量\n\n\u003e 提高 console 的准确性和可读性，避免输出 [object Object] 等\n\n例如： `JSON.stringify(#)` 或 `JSON.parse(JSON.stringify(#))`\n\n![wrap-select-variable](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2023_06_28_wrap_select_variable_setting.png)\n![wrap-select-variable](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2023_06_28_wrap_select_variable.png)\n\n## 支持 Python 文件打印\n\n光标放在变量上按下快捷键输出：`python()`\n\n- macOS: `cmd` + `shift` + `l`\n- Windows: `ctrl` + `l`\n\n## 支持随机颜色在终端展示\n\n在设置中勾选在终端中随机颜色\n![wrap-select-variable](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2024_07_08_random_color_in_terminal.png)\n\n## 配置项\n\n\u003e 自定义小助手 console\n\n快捷方式：\n\n- macOS: Code \u003e 首选项 \u003e 设置 \u003e 输入 **日志小助手/consoleLog**，可自定义配置项。\n- Windows: 文件 \u003e 首选项 \u003e 设置 \u003e 输入 **日志小助手/consoleLog**，可自定义配置项。\n\n![settings](https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2021_01_27_settings.gif)\n\n## Install\n\n安装插件：[VisualStudio - Marketplace](https://marketplace.visualstudio.com/items?itemName=AT-9420.console-helper)，VSCode 最低版本要求： `v1.51.0+`\n\n## QA\n\n为什么我的不生效？\n\n\u003e 亲，可能是您的快捷键被占用了~\n\u003e 请打开键盘快捷方式列表，查看您的快捷键是否被占用，删除占用的命令或修改 consoleLog 绑定的快捷键即可，具体的操作如下：\n\n在键盘快捷方式列表，输入被占用的快捷方式例如 **cmd + shift + l** ，右键选择删除或修改其他命令。\n\n## 交流群\n\n扫码加群:\n\n\u003cimg style=\"display: block\" width=\"303\" alt=\"微信群\" src=\"https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2021_01_27_wechat_group.jpeg\"\u003e\n\n若扫码进不去，可加微信拉入 **console helper 日志小助手群**：\n\n\u003cimg style=\"display: block\" width=\"303\" alt=\"微信号\" src=\"https://cdn.jsdelivr.net/gh/Sean529/at-pic-repo@master/consoleHelp/image/2021_01_27_wechat.jpeg\"\u003e\n\n或通过微信号： `AT-0529` 加好友，备注：**日志小助手**\n\n**如果对您有帮助，给个 star 是对我最大的支持~**\n\n## Changelog\n\n[CHANGELOG](./CHANGELOG.md)\n\n## License\n\n[LICENSE](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSean529%2Fvscode-console-helper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSean529%2Fvscode-console-helper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSean529%2Fvscode-console-helper/lists"}