Flutter 安装及Hello World

Flutter是什么

• Flutter 是 Google 新发布的免费开源移动端UI框架，用来帮助开发者用一套代码就可以在 Android 和 iOS双平台开发高性能、无限接近源生的应用。
• 官网地址：https://flutter.io/

安装

系统要求

要安装运行Flutter，你的电脑必须符合这些基本要求

• 操作系统：Windows7或更高版本（64位）
• 磁盘空间：400M（不包括Android Studio在内）
• 工具：Git（安装的时候要用）

获取SDK

要获取Flutter，需要使用git去克隆仓库然后添加flutter工具到你的环境变量。之后运行flutter doctor来显示剩下需要安装的依赖。

1. 克隆仓库（如果是第一次安装Flutter）

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

2. 添加环境变量

因为要在终端使用命令行 ，所以要添加它到PATH环境变量：

• 打开 控制面板 > 系统和安全 > 系统 > 高级系统设置 > 环境变量

• 在用户变量下，看看是否存在 “Path” 的环境变量：

  • 如果这个 Path 变量已经存在了，就添加;到原来的 Path 值的末尾，并且加上 flutter\bin 的全路径。
  • 如果这个 Path 变量不存在，就要在用户变量下创建新的 Path 的变量名，并且它的变量值设置为 flutter\bin 的全路径。

• 重启Windows应用更改

3.运行flutter doctor

打开PowerShell 或者 cmd 运行下面的指令(Git bash不可以)：

$  flutter doctor

这个命令会自动检测环境，并且在窗口形成报告，DartSDK和Flutter是捆绑在一起的，所以不用单独安装Dart，仔细检查窗口中的输出是否需要安装其他的软件或者执行其他任务。

4.Android设置

• 安装 Android Studio（我试了3.0版本，发现插件安装总是失败，然后更新了3.1版就好了，如果有人安装失败可以试试更新到最新版）

  • 也可以使用 IntelliJ：

  • IntelliJ IDEA Community, version 2017.1 or later.

  • IntelliJ IDEA Ultimate, version 2017.1 or later.

• 安装插件

  1. 打开 Android Studio

  2. mac：Preferences > Plugins on macOS,

     Windows： File > Settings > Plugins

  3. 选择 Browse repositories… 然后搜索 Flutter 之后点击 install

  4. 点击 Yes

  5. 当插件安装完毕的时候 点击 Restart

创建Hello World

1. 打开 Android Studio
2. 选择 File > New Flutter Project
3. 选择 Flutter application 然后点击 Next
4. 确认项目名称，如： hello_world 注意！flutter的项目名称需要全小写，不可以包含大写字母，这与正常的Android项目有不同
5. 点击Finish
6. 等 Android studio 创建项目就好了。

• 运行app

  • 找到工具栏
    image
  • 点击三角图标就运行了
  • 如果一切正常的话：
  image

热加载

Flutter提供热加载功能，能够重新加载一个正在运行的app的代码，而无需重启或丢失app状态。只需更改源代码，然后 ctrl+反斜杠，然后查看模拟器或设备中的更改就可以了。