前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >开始使用-初尝胜果 顶

开始使用-初尝胜果 顶

作者头像
南郭先生
发布2018-08-14 15:33:52
1.2K0
发布2018-08-14 15:33:52
举报
文章被收录于专栏:Google Dart

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

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

Android Studio

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

创建新的应用

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

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

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

运行应用程序

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

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

尝试一个热重新加载

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的命令行工具结合运行和建设。

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

代码语言:javascript
复制
$ 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概念。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Android Studio
    • 运行应用程序
      • 尝试一个热重新加载
      • 命令行+自选编辑器
        • 运行应用程序
          • 尝试一个热重新加载
          相关产品与服务
          命令行工具
          腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档