Flutter是什么
- Flutter 是 Google 新发布的免费开源移动端UI框架,用来帮助开发者用一套代码就可以在 Android 和 iOS双平台开发高性能、无限接近源生的应用。
- 官网地址:https://flutter.io/
安装
系统要求
要安装运行Flutter,你的电脑必须符合这些基本要求
- 操作系统:Windows7或更高版本(64位)
- 磁盘空间:400M(不包括Android Studio在内)
- 工具:Git(安装的时候要用)
获取SDK
要获取Flutter,需要使用git
去克隆仓库然后添加flutter
工具到你的环境变量。之后运行flutter doctor
来显示剩下需要安装的依赖。
-
克隆仓库(如果是第一次安装Flutter)
$ git clone -b beta https://github.com/flutter/flutter.git
添加环境变量
因为要在终端使用命令行 ,所以要添加它到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.
-
安装插件
打开 Android Studio
-
mac:Preferences > Plugins on macOS,
Windows: File > Settings > Plugins
选择 Browse repositories… 然后搜索 Flutter 之后点击
install
点击
Yes
当插件安装完毕的时候 点击
Restart
创建Hello World
- 打开 Android Studio
- 选择 File > New Flutter Project
- 选择 Flutter application 然后点击
Next
- 确认项目名称,如: hello_world
注意!flutter的项目名称需要全小写,不可以包含大写字母,这与正常的Android项目有不同
- 点击
Finish
- 等 Android studio 创建项目就好了。
-
运行app
-
找到工具栏
- 点击三角图标就运行了
- 如果一切正常的话:
-
找到工具栏
热加载
Flutter提供热加载功能,能够重新加载一个正在运行的app的代码,而无需重启或丢失app状态。只需更改源代码,然后 ctrl+反斜杠
,然后查看模拟器或设备中的更改就可以了。