5.1 vscode断点调试

使用vscode断点调试配个调试基座可以极大的提高开发跨平台应用的效率，和之前使用浏览器打开断点调试相比，使用vscode断点调试不依赖其他任何平台，开发者只需要在vscode点击开启断点调试按钮即可在vscode进行代码断点调试。

使用步骤

1、在vscode开发工具安装Developer for Primeton Mobile插件

2、安装成功之后，打开使用pmobile create-app 创建的项目

3、打开任意文件，会在vscode右上角界面看到几个白色的按钮，按钮的功能从左到右是：网络抓包、断点调试、启动项目、和打开Primeton Mobile 开发插件，本节主要介绍断点调试

4、点击第三个类似甲壳虫的按钮启动项目，启动之后在控制台会看到一个二维码，这个二维码包含本机启动项目的ip和端口，开发者只需要打开手机中的调试基座，在首页打开扫一扫功能，扫一下控制台的二维码，扫码成功之后调试基座可调试列表中会出现一个项目信息，点击一次该项目信息，调试基座开始下载和编译包信息，注意，第一次可能会很慢，需要耐心等待一下，之后会非常快。

5、当调试基座下载并编译完成之后会默认打开应用的首页，开发者可以正常的开发，当需要调试代码时，点击vscode界面第二个白色按钮，点击之后，调试基座会默认reload一次，之后会进入首页，开发者可以在vscode上进行加断点，当开发者在手机端开发的应用中触发该断点之后，vscode会在标记断点处暂停，开发者可以使用下一步、跳过、进入和放过等按钮对代码进行调试，同时鼠标放在变量之上能够看到变量当前的值。

6、退出断点调试，只需要再次点击右上角第二个按钮，即可退出断点调试模式。这个时候需要开发者重启调试基座并点击可调式列表开发的应用重新下载和编译。

注意：现版本只支持调试基座扫码之后对项目进行断点调试，手动配置的ip和端口无法进行断点调试