App调试运行

Android 手机调试运行

在Android Studio顶部我们可以看到工具栏

image

在第一个选项框中出现no device 代表电脑未连接手机，我们把Android手机和电脑通过USB线连接在一起，如果还显示no device，需要启用“开发人员选项”和“USB调试”。

注意：默认情况下设备是不显示 “开发人员选项”的，这时候需要通过“设置->关于手机”，连续点击“版本号”5次，此时会提示打开了“开发人员选项”，此时可以在设备中看到此选项，进入“开发人员选项”打开USB调试”即可。如果按照上面的方法还是无法打开“开发人员选项”， 是由于不同手机厂商的导致操作方法略有不同，可根据自己手机型号自行百度打开“开发人员选项”的方法。

启用“开发人员选项”后，手机上会弹出“允许USB调试吗？”，点击确定。此时会出现手机型号的选项，选择相应的手机作为允许的设备，

image

手机系统版本需要Android 4.1(API Level 16)或更高的版本。

此时点击绿色的三角按钮，运行调试:

image

一般情况下，我们都会遇到如下问题：

image

出现这个问题可能是由 2个方面引起的：

1. 依赖的插件无法下载，导致编译不过。

解决办法如下：打开项目的android->build.gradle，将

```
google()
jcenter()

```

替换为：

```
maven{ url 'https://maven.aliyun.com/repository/google'}
maven{ url 'https://maven.aliyun.com/repository/gradle-plugin'}
maven{ url 'https://maven.aliyun.com/repository/public'}
maven{ url 'https://maven.aliyun.com/repository/jcenter'}

```

最终效果如图:

image

打开Flutter SDK中packages-> flutter_tools-> gradle-> flutter.gradle，将如下代码：

```
maven{ url 'https://maven.aliyun.com/repository/google'}
maven{ url 'https://maven.aliyun.com/repository/gradle-plugin'}
maven{ url 'https://maven.aliyun.com/repository/public'}
maven{ url 'https://maven.aliyun.com/repository/jcenter'}

```

添加到google()的上面，最终效果如图:

image

2. 如果上面的方法还没有解决问题，找到问题中gradle的文件，比如我的路径是：/User/用户/.gradle/wrapper/dists/gradle-4.10.2-all/,将gradle-4.10.2-all文件删除，再次运行（点击上面提到的绿色三角按钮）即可，这个时候就可以在手机看到运行的效果了。

#iOS调试运行

iOS可以使用iOS模拟器看效果，因为模拟器的效果和真机一样。在Android Studio设备选择的中选择“open iOS Simulator”创建iOS 模拟器：

image

模拟器创建成功后击“运行”，运行效果：

image

#debug Flutter 代码

在 Android Studio 中 debug flutter 代码，点击debug 按钮：

image

在需要的地方打上 断点 即可。

image

运行到 断点 时开始debug，在下面控制台有继续运行、单步执行等。

image

#debug Android 代码

debug Android 代码时，首先打开 Flutter -> android 目录下的android项目，设备一定要选择android设备，点击debug按钮即可

image

还有一种方式是将项目运行起来，点击菜单栏如下按钮：

image

弹出选择框

image

选择项目的包名，此时在需要断点的地方添加断点即可。

#debug iOS 代码

debug iOS 代码需要使用 Xcode，Xcode 打开Flutter 目录下 iOS 项目，直接点击运行即可，在需要断点的地方打上断点：

image