Nep

纯粹是个人兴趣的表达

Flutter 快速上手(1)

Flutter是Google的基于Dart语言的一个移动UI框架,可以一套代码快速构建Android和IOS App.写法上很像React Native.目前(2018/08/01)还没有正式版,最新版本是Flutter Preview 1.0。本文将简述Flutter开发环境的搭建。

本文仅针对Windows下的配置。

0.系统要求&准备工具

  • 操作系统: Windows 7 或更高版本 (64-bit)
  • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
  • Git for Windows (Git命令行工具)
  • Android Studio

在中国国内,由于众所周知的原因,对某些网站访问有问题,所以需要先配置环境变量。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

也可以在控制面板>系统和安全>系统>高级系统设置>高级>环境变量里设置。

1.获取Flutter SDK

使用git获取Flutter,目前需要获取到beta分支。

git clone -b beta https://github.com/flutter/flutter.git

之后,运行flutter doctor命令,这里会自动下载其他依赖。

下面是一个示例返回:

[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.167], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[√] Android Studio (version 3.1)
[!] Connected devices
    ! No devices available

! Doctor found issues in 1 category.

第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

2.在Android Studio上安装Flutter插件

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

3.创建第一个Flutter应用

  1. 选择 File>New Flutter Project
  2. 选择 Flutter application 作为 project 类型, 然后点击 Next
  3. 输入项目名称 (如 myapp), 然后点击 Next
  4. 点击 Finish
  5. 等待Android Studio安装SDK并创建项目.(国内访问速度可能很慢,请尝试使用各类科学上网方式)

这里Flutter已经构建好一个示例应用,点击run就可以运行。

也可以修改程序的某些部分,来体验Flutter的热重载(hot reload)功能。不得不说这个体验真的是太棒了!

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注