官方网址：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), 或点击 热重载按钮 (带有闪电⚡️图标的按钮).
你就会立即看到更新后的字符串。
网友评论