2. Flutter配置编辑器 & 体验

一、Android Studio 安装

Android Studio, 3.0或更高版本.

或者,也可以使用IntelliJ:

IntelliJ IDEA Community, version 2017.1或更高版本.
IntelliJ IDEA Ultimate, version 2017.1 或更高版本.

二、安装Flutter和Dart插件

Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

1. 启动Android Studio.
2. 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
3. 选择 Browse repositories…, 选择 Flutter 插件并点击 install.
4. 重启Android Studio后插件生效.

在这里插入图片描述

三、创建新应用

  1. 选择 File>New Flutter Project
  2. 选择 Flutter application 作为 project 类型, 然后点击 Next
  3. 输入项目名称 (如 myapp), 然后点击 Next
  4. 点击 Finish
    等待Android Studio安装SDK并创建项目.
    在项目目录中,您应用程序的代码位于 lib/main.dart

四、运行应用程序

  1. 定位到Android Studio 工具栏:
    在这里插入图片描述
  2. 在 target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用,请选择 Tools>Android>AVD Manager 并在那里创建一个
  3. 在工具栏中点击 Run图标, 或者调用菜单项 Run > Run.
  4. 如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序
    在这里插入图片描述

五、体验热重载

Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态(译者语:如果是一个web开发者,那么可以认为这和webpack的热重载是一样的)。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮),你就会在你的设备或模拟器上看到更改。

  1. main.dart中将字符串
    ‘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), 或点击 热重载按钮 (带有闪电⚡️图标的按钮).
    你就会立即看到更新后的字符串。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章