Skip to content

jiweigang1/vsclilogger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VS CLI Logger

这个 VS Code 插件会在激活后拦截全局 fetch 方法,并在控制台打印每一次 HTTP 请求的 URL。适用于需要在调试阶段快速了解扩展内部发出的网络请求。

使用方法

  1. 在本仓库中执行 npm install(如果没有依赖,此步骤会立即完成)。
  2. 在 VS Code 中按 F5 启动扩展调试宿主。当扩展被激活时,状态栏会提示插件已经开始监听。
  3. 在扩展宿主中执行任何会触发 fetch 的逻辑,即可在开发者工具或终端看到形如 [VS CLI Logger] fetch -> <url> 的日志输出。

打包与安装

如果希望将插件打包为 VSIX 以便在其他环境安装,可参考以下步骤:

  1. 全局或项目内安装 VS Code 官方打包工具:npm install -g @vscode/vscenpm install --save-dev @vscode/vsce
  2. 在项目根目录执行 vsce package,会生成形如 vsclilogger-0.0.1.vsix 的安装包。
  3. 在目标机器上打开 VS Code,运行 code --install-extension vsclilogger-0.0.1.vsix,或通过 “扩展” 面板右上角的 “从 VSIX 安装...” 选择该文件。
  4. 安装完成后,重启 VS Code,扩展会在下次启动时自动激活并开始拦截 fetch 请求。

工作原理

  • activate 函数中保存原始的 fetch 引用,并用自定义函数替换它。
  • 自定义函数会解析传入的请求参数,提取 URL,并通过 console.log 打印。
  • 所有调用最终都会转发给原始的 fetch,确保网络请求不受影响。
  • 在扩展释放或禁用时,会恢复原始的 fetch 方法。

注意事项

  • 如果当前运行环境没有提供全局 fetch(例如旧版本的 Node.js),扩展会弹出警告提示。
  • 如果 fetch 调用失败,扩展会记录错误信息并重新抛出,以便调用方感知。

About

vsclilogger

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors