visual-studio-code - 如何调试已安装的 VSCode 扩展？

Question

在 Atom 中，我可以通过打开开发工具 (Option+Cmd+I) 并在 ~/.atom/packages 中浏览 JavaScript 文件来调试已安装的扩展。 ，例如



可以在 VSCode 中执行此操作吗？通过 Help -> Toggle Developer Tools 打开开发者工具后，我能找到的唯一与扩展相关的文件是图标图像:

Answer 1

1.查找extension host进程的PID:

$ PID=$(pgrep -f "^/Applications/Visual Studio Code\.app/.*--type=extensionHost")
$ echo $PID
35791

论据 -f告诉 pgrep将模式与完整的进程参数字符串匹配，而不仅仅是进程名称。
2.发送SIGUSR1到扩展主机Node进程到 tell it to start listening for debugger connections :

$ kill -SIGUSR1 $PID

(这不会产生任何输出。)
3. 使用 lsof 查找进程开始监听的端口:

$ lsof -p $PID -a -i4tcp
COMMAND     PID        USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
Code\x20H 35791 tim.vergenz   58u  IPv4 0x8af67df8a9aa26a8      0t0  TCP localhost:63767 (LISTEN)

论据解释:

-p表示按PID过滤

-i4tcp表示按 Internet 地址过滤(4tcp 表示仅 IPv4/tcp 协议(protocol))

-a in between 通过 AND 而不是默认的 OR

组合两个过滤器

在“NAME”列中，您将找到您的 VS Code 扩展主机进程正在监听的主机和端口——即在上面的示例中， localhost:63767 .
4. 打开 Chrome Devtools，在设备 > 发现网络目标 > 配置下添加调试地址。


5. 打开你的新调试目标:

您可能需要手动添加 ~/.vscode/extensions到您的工作区以浏览文件并添加断点:

...并单击“允许”授予它权限:

成功!