开始使用-初尝胜果

本页介绍如何“测试驱动器”Flutter:从咱们的模板建立一个新的Flutter应用程序,运行它,并学习如何使用Hot Reload进行更改。html

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

Android Studio

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

建立新的应用编辑器

  • 选择File>New Flutter Project
  • 选择 Flutter application程序做为项目类型,而后按下一步
  • 输入项目名称(例如myapp),而后按下一步
  • 点击Finish
  • 等待Android Studio安装SDK并建立项目。

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

在项目目录中,您的应用程序的代码位于lib / main.dart中。工具

运行应用程序

1.找到Android Studio的主工具栏:学习

2。在目标选择器中,选择一个运行该应用的Android设备。 若是没有列出可用,请选择Tools>Android>AVD Manager并在那里建立一个。 有关详细信息,请参阅管理AVD
3.单击工具栏中的Run图标,或调用菜单项Run > Run
4.若是一切正常,您应该在您的设备或模拟器上看到您的初学者应用程序:开发工具

尝试一个热从新加载

Flutter提供快速开发周期和热重载,可从新加载实时运行应用的代码而无需从新启动或丢失应用状态。 只需对源代码进行更改,告诉IDE或命令行工具便可从新加载,并查看模拟器,仿真器或设备中的更改。测试

 1.更改字符串ui

'You have pushed the button this many times:' 更改成
'You have clicked the button this many times:'

2.不要按“Stop”按钮; 让您的应用继续运行。
3.要查看您的更改,请调用Save All(cmd-s / ctrl-s),或单击Hot Reload按钮(带有闪电图标的按钮)。
您应该几乎当即在运行的应用程序中看到更新的字符串。

命令行+自选编辑器

命令行+编辑器:您选择的编辑与Flutter的命令行工具结合运行和建设。

建立新的应用
使用flutter create命令建立一个新项目:

$ flutter create myapp
$ cd myapp

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

在项目目录中,您的应用程序的代码位于lib / main.dart中。

运行应用程序

  • 检查Android设备是否在运行。 若是没有显示,请参阅设置
  • $ flutter devices
  • 使用flutter run命令运行该应用程序:
  • $ flutter run
  • 若是一切正常,在应用程序建成后,您应该在您的设备或模拟器上看到您的初学者应用程序:

尝试一个热从新加载

Flutter提供快速开发周期和热重载,可从新加载实时运行应用的代码而无需从新启动或丢失应用状态。 只需对源代码进行更改,告诉IDE或命令行工具便可从新加载,并查看模拟器,仿真器或设备中的更改。

 1.更改字符串

'You have pushed the button this many times:' 更改成
'You have clicked the button this many times:'

2.不要按“Stop”按钮; 让您的应用继续运行。
3.要查看您的更改,请调用Save All(cmd-s / ctrl-s),或单击Hot Reload按钮(带有闪电图标的按钮)。
您应该几乎当即在运行的应用程序中看到更新的字符串。

下一步 让咱们经过建立一个小应用来学习一些核心的Flutter概念。

相关文章
相关标签/搜索