5.1 vscode网络抓包

使用vscode网络抓包可以帮助开发者在开发应用的时候可以看到应用所发送的网络请求，该功能可以极大的提高前端和后端接口联调的效率，避免开发者之前需要手动下载抓包工具，移动端配置网络代理等复杂的操作，同时还能避免因为开启网络代理应用无法加载https的请求资源。

使用步骤

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

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

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

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

5、当调试基座下载并编译完成之后会默认打开应用的首页，这个时候应用发送的所有请求都会被捕捉到，点击vscode右上角第一个按钮，会打开一个抓包界面，该界面包含应用所有发送的网络请求，用户可以点击某一条请求查看其请求url、请求头、请求方式、请求参数、相应头、响应状态、响应体等信息。开发者可以很清晰的看到网络请求是否成功、数据是否正确等。

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