auto-dev-vscode 调试React页面方法

Autodev-vscode React页面代码调试

          由于vscode插件中嵌入React页面时，页面代码无法直接进行断点调试，
      所以只能采用日志调试的形式进行调试.
1.在vscode的插件宿主进程中打开开发者工具如图
![微信图片_20241028221337](https://github.com/user-attachments/assets/61943088-419e-4c05-8514-d6d7a561fe8f)

按快捷键Ctrl+Shift+P打开命令输入栏，输入:
Developer:OpenWebView Developer Toos,如下图
![微信图片_20241028221519](https://github.com/user-attachments/assets/74fca092-6315-4d69-ae9d-41bb209f6d89)


  在WebView开发人员工具中的控制台中寻找Log日志，建议Log日志输出带上特殊前缀，以便于使用控制台日志过滤选项，屏蔽其他干扰调试的日志，例外，Ts插件层的输出也会出现在这个控制台日志中可以通过不同的前缀来区分ts插件层和React页面层的Log日志
![微信图片_20241028221337](https://github.com/user-attachments/assets/5e1fe21e-561d-481b-9915-b980b1d7fd5b)


Navigation Menu

auto-dev-vscode 调试React页面方法 #92

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

auto-dev-vscode 调试React页面方法 #92

Description

Activity

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions