官方网址:https://flutter.io/
Flutter中文网:https://flutterchina.club/
一、使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。
二、系统要求
要安装并运行Flutter,您的开发环境必须满足以下最低要求:
- 操作系统: Windows 7 或更高版本 (64-bit)
- 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
- 工具: Flutter 依赖Git命令行工具.Git命令行工具下载
三、获取Flutter SDK
1、安装包下载
1)、去flutter官网下载其最新可用的安装包,点击下载 ,也可以去Flutter github项目下去下载安装包 。
2)、将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter
;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\
)。
3)、在Flutter安装目录的flutter文件下找到flutter_console.bat
,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
2、通过Git命令行工具下载
1)、配置环境变量(国内用户):
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2)、克隆beta仓库到当前的系统路径中:
git clone -b beta https://github.com/flutter/flutter.git
3)、将克隆下来的项目bin目录配置到环境变量Path中:
四、运行 flutter doctor
打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:
以下是我运行
flutter doctor
的一些显示报告,包括一些版本信息等:五、编辑器配置
安装Android Studio
Flutter需要安装和配置Android Studio:
1.下载并安装 Android Studio 、中文社区下载:Android Studio
2.启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的。
安装Flutter和Dart插件
需要安装两个插件:
- Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
- Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
要安装这些:
- 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
- 选择 Browse repositories…, 找到 Flutter 插件并点击
install
. - 重启Android Studio后插件生效.
设置Android设备
要准备在Android设备上运行并测试您的Flutter应用,您需要安装Android 4.1(API level 16)或更高版本的Android设备.
- 在您的设备上启用 开发人员选项 和 USB调试 。详细说明可在Android文档中找到。
- 使用USB将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。
- 在终端中,运行
flutter devices
命令以验证Flutter识别您连接的Android设备。 - 运行启动您的应用程序
flutter run
。
默认情况下,Flutter使用的Android SDK版本是基于你的 adb
工具版本。如果您想让Flutter使用不同版本的Android SDK,则必须将该 ANDROID_HOME
环境变量设置为SDK安装目录
设置Android模拟器
要准备在Android模拟器上运行并测试您的Flutter应用,请按照以下步骤操作:
- 在您的机器上启用 VM acceleration .
- 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.
- 选择一个设备并选择 Next。
- 为要模拟的Android版本选择一个或多个系统映像,然后选择 Next. 建议使用 x86 或 x86_64 image .
- 在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用 硬件加速.
- 验证AVD配置是否正确,然后选择 Finish。
有关上述步骤的详细信息,请参阅 Managing AVDs. - 在 Android Virtual Device Manager中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.
- 运行
flutter run
启动您的设备. 连接的设备名是Android SDK built for <platform>
,其中 platform 是芯片系列, 如 x86.
六、体验Flutter
创建新应用
- 选择 File>New Flutter Project
- 选择 Flutter application 作为 project 类型, 然后点击 Next
- 输入项目名称 (如
flutter_app
), 然后点击 Next
-
点击 Finish
- 等待Android Studio安装SDK并创建项目.
上述命令创建一个Flutter项目,项目名为 flutter_app,其中包含一个使用Material 组件的简单演示应用程序。
在项目目录中,您应用程序的代码位于 lib/main.dart
.
运行应用程序
-
定位到Android Studio 工具栏:
在 target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用,请选择 Tools>Android>AVD Manager 并在那里创建一个
在工具栏中点击 Run图标, 或者调用菜单项 Run > Run.
-
如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序:
体验热重载
Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态(译者语:如果是一个web开发者,那么可以认为这和webpack的热重载是一样的)。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮),你就会在你的设备或模拟器上看到更改。
- 将字符串
'You have pushed the button this many times:'
更改为'You have clicked the button this many times:'
- 不要按“Stop”按钮; 让您的应用继续运行。
- 要查看您的更改, 只需调用 Save All (
cmd-s
/ctrl-s
), 或点击 热重载按钮 (带有闪电⚡️图标的按钮).
你就会立即看到更新后的字符串。