准备工作
- 安装并打开WebStorm
- 准备好要调试的uTools插件项目
WebStorm配置步骤
- 打开插件项目
- 点击右上角"编辑配置"(Edit Configurations)
- 点击"+"，选择"Node.js Remote Debug"
- 填写配置：
- 名称：Debug uTools Plugin
- 主机：localhost
- 端口：9222
启动uTools调试模式
选择以下任一方式：
快捷方式方式：
- 右键uTools快捷方式→属性
- 目标后添加：
--remote-debugging-port=9222
- 例如：
"C:\Program Files\uTools\uTools.exe" --remote-debugging-port=9222
命令行方式：
- 在uTools.exe所在目录打开PowerShell
- 执行：
.\uTools.exe --remote-debugging-port=9222
插件调试步骤
将插件切换到开发模式：
- 使用plugin.json中的development配置
- 运行
npm run dev启动后台服务
在uTools中：
- 打开开发者工具
- 选择配置好的plugin.json
- 启动要调试的插件
在WebStorm中：
- 点击调试按钮(绿色虫子图标)
- 选择插件的HTML页面地址
- 在代码中设置断点
- 开始调试！
现在你可以像调试普通网页一样调试你的uTools插件了。
常见问题
如遇问题，请检查：
- 端口号是否正确
- 插件是否正确启动
- WebStorm配置是否完整