flutter系列之开发模拟器debug

在前文《flutter系列之开发环境搭建》中，已经介绍过了flutter环境的搭建，如果你的环境已经一切就绪，接下来本文将分享如何在模拟器中debug自己的应用。

我们总共分三步为大家介绍

第一步：启动模拟器，

第二步：安装你的应用到模拟器，

第三步：使用IDE调试flutter应用。

第一步： 启动模拟器

我们使用命令创建一个应用，例： flutter create flutter-study-demo，

cd flutter-study-demo 进入应用目录。

查看设备： flutter emulators

选择一个模拟器启动，例：flutter emulator --launch iOS Simulator

启动成功，会弹出模拟器窗口。

第二步： 安装你的应用到模拟器

安装依赖：flutter pub get

运行命令：flutter run

第一次编译相对较慢，需要稍微等一会。编译完模拟器中没有该应用，会安装当前项目的应用到模拟器中。

第三步：使用IDE调试flutter应用

调试工具的选择：Visual Studio Code、Android Studio

Visual Studio Code 中：

1. 导入项目、安装依赖（flutter pub get）

2. 打开项目下lib/main.dart文件（注意这里必须打开这个当前文件，debug面板才显示启动按钮）；

3. 左侧菜单切到debug面板，点击文件右侧的debug按钮。

图例：

上述的用命令启动模拟器之外，还可以通过IDE右下方的工具条选择设备启动模拟器

Android Studio 中：

1. 导入项目、安装依赖（可直接点下面图示按钮自动安装）

2. 选择main.dart文件，启动模拟器（模拟器也可以在IDE中启动）

4. 右上角dubug面板，点击启动debug按钮

到此我们就可以愉快的用自己顺手的IDE调试flutter应用了。