[Flutter]启动：调试运行

本页介绍如何“调试运行”Flutter：从咱们提供的模板建立一个新的Flutter应用程序，运行它，并学习如何使用Hot Reload（热重载）进行更改。

Flutter是一个灵活的工具包，因此请首先选择您的开发工具来编写，构建和运行您的Flutter应用程序。

---

Android Studio

Android Studio：为Flutter提供完整的集成IDE体验。

建立新的应用程序

1. 选择File > New Flutter Project
2. 选择Flutter application做为项目类型，而后选择下一步
3. 输入项目名称（如：myapp），而后选择下一步
4. 点击Finish
5. 等待Android Studio安装SDK，并建立项目工程。

上述命令建立了一个名为myapp的Flutter项目目录，其中包含一个使用Material Components的简单应用程序示例。

在项目目录中，你的应用程序的代码在lib/main.dart下。

运行应用程序

1. 找到主要的Android Studio工具栏：

2. 在target selector中选择一个Android设备来运行应用程序。若是没有列出可用的，能够在Tools>Android>AVD Manager中建立一个。更多信息，查看管理 AVD。
3. 在工具栏中点击运行图标，或者选择菜单中的Run > Run。
4. 若是一切正常，您应该在您的设备或模拟器上看到您的第一个应用程序：

尝试hot reload

Flutter基于hot reload提供了一个很是快速的开发周期，可在实时运行的应用中从新加载代码而无需从新启动而致使丢失应用状态。只需对源代码进行更改，而后告诉你的编辑器或命令行工具你须要hot reload，而后在模拟器、仿真器或设备中就能够看到你的更改。

1. 将字符串'You have pushed the button this many times:'更改成'You have clicked the button this many times:'
2. 不要按“中止”按钮，请让你的应用继续运行。
3. 想要查看你的更改，请保存全部文件（cmd-s / ctrl-s），或者点击Hot Reload 按钮（带有闪电图标的按钮）。

您在运行的应用程序中应该几乎当即看到字符串的更新。

---

VS Code

VS Code：轻量级编辑器，支持Flutter运行和调试。

建立新的应用程序

1. 启动VS Code
2. 调用View>Command Palette…
3. 输入“flutter”，而后选择“Flutter: New Project”执行
4. 输入一个项目名称（例如：myapp），而后按下Enter键
5. 指定放置项目的位置，而后选择蓝色的确认按钮
6. 等待项目建立，并显示main.dart文件

上述命令建立了一个名为myapp的Flutter项目目录，其中包含一个使用Material Components的简单应用程序示例。

在项目目录中，你的应用程序的代码在lib/main.dart下。

运行应用程序

1. 确保在VS Code的右下角选择了目标设备
2. 按下键盘上的F5按钮，或者调用Debug>Start Debugging
3. 等到应用加载启动
4. 若是一切正常，在应用程序建成后，您应该在您的设备或模拟器上看到您的第一个应用程序：

尝试hot reload

Flutter基于hot reload提供了一个很是快速的开发周期，可在实时运行的应用中从新加载代码而无需从新启动而致使丢失应用状态。只需对源代码进行更改，而后告诉你的编辑器或命令行工具你须要hot reload，而后在模拟器、仿真器或设备中就能够看到你的更改。

1. 在您最喜欢的Dart代码编辑器中打开文件lib/main.dart
2. 将字符串'You have pushed the button this many times:'更改成'You have clicked the button this many times:'
3. 不要按“中止”按钮，请让你的应用继续运行。
4. 想要查看你的更改，请保存全部文件（cmd-s / ctrl-s），或者点击Hot Reload 按钮（绿色的圆形箭头按钮）。

您在运行的应用程序中应该几乎当即看到字符串的更新。

---

Terminal + editor

Terminal + editor：Your editor-of-choice combined with Flutter’s terminal tool for running and building.

建立新的应用程序

1. 使用flutter create命令建立一个新的项目：

$ flutter create myapp
$ cd myapp
复制代码

上述命令建立了一个名为myapp的Flutter项目目录，其中包含一个使用Material Components的简单应用程序示例。

在项目目录中，你的应用程序的代码在lib/main.dart下。

运行应用程序

• 检查是否有一个Android设备正在运行中。若是没有显示，请查看设置。

$ flutter devices
复制代码

• 使用flutter run命令运行应用程序：

$ flutter run
复制代码

• 若是一切正常，在应用程序建成后，您应该在您的设备或模拟器上看到您的第一个应用程序：

尝试hot reload

Flutter基于hot reload提供了一个很是快速的开发周期，可在实时运行的应用中从新加载代码而无需从新启动而致使丢失应用状态。只需对源代码进行更改，而后告诉你的编辑器或命令行工具你须要hot reload，而后在模拟器、仿真器或设备中就能够看到你的更改。

1. 打开lib/main.dart文件
2. 将字符串'You have pushed the button this many times:'更改成'You have clicked the button this many times:'
3. 不要按“中止”按钮，请让你的应用继续运行。
4. 想要查看你的更改，请保存全部文件（cmd-s / ctrl-s），或者点击Hot Reload 按钮（带有闪电图标的按钮钮）。

您在运行的应用程序中应该几乎当即看到字符串的更新。

---

Next