Flutter试驾(安装)

2018-05-21  本文已影响0人  Richard_7df6

Flutter试驾(安装)

安装Flutter

以本人的为例:

  1. 操作系统: macOS (64-bit)
  2. 磁盘空间: 700 MB

获取Flutter SDK Clone Flutter repo

git clone -b beta https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=`pwd`/flutter/bin:$PATH

如果不需要翻墙国内用户设置就不需要设置,你懂的。

配置编辑器

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

以Android Studio为例

  1. Android Studio, 3.0或更高版本.
  2. Flutter插件
  3. restart as

创建新Flutter应用

  1. 选择 File>New Flutter Project
tools
  1. 运行起来就是一个正常的app,点击按钮计数增加(还是很简单的)

体验热重载

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

  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), 或点击 热重载按钮 (带有闪电⚡️图标的按钮).
上一篇下一篇

猜你喜欢

热点阅读