下载Flutter Sdk
系统要求:
安装运行Flutter,开发环境必须满足以下要求:
操作系统:Windows 7 或者以上版本,64位机器
硬盘空间:不包括IDE和工具在内,至少需要400M
软件工具:
Windows PowerShell 5.0或者以上
Windows版Git 2.x,请确保Git可以正常运行
获取Flutter Sdk:
1. 点击这里下载最新版本的Flutter Sdk。如果想要获取更多Flutter Sdk或者下载以前版本的Flutter Sdk,请点击SDK archive下载。
2. 解压缩zip文件到存放Flutter Sdk的目录,例如我存放在D:\Android\flutter目录下。不要将Flutter解压缩在像C:\Program Files这样的私有目录下。
3. 在flutter目录中找到flutter_console.bat文件,双击运行安装Flutter。
现在,Flutter就已经安装好了,你可以通过Windows控制台中运行flutter了。
如果想要更新Flutter,请点击这里更新。
配置Flutter的环境变量
flutter安装完成之后,只能在flutter所在的目录下运行。要想在控制台中所有目录都能运行,我们还需要给flutter添加到系统环境变量。
- 复制flutter解压后所在的目录地址,以我的安装地址为例就是复制D:\Android\flutter\bin;
- 在左下角的“开始”中输入“env”,选择 “编辑系统环境变量” 。在弹出的窗口中点击 “环境变量” ;
- 新建环境变量,命名为FLUTTER_HOME,粘贴复制的flutter的安装地址,点击确定;
- 找到 “Path” ,点击编辑,添加 %FLUTTER_HOME% 并用分号将其余其他路径分开,然后全部点击 “确定” ;
关于配置flutter环境变量的详细介绍,请查看https://blog.csdn.net/cjc035/article/details/88687785
现在就可以在任何目录下运行flutter了!
运行 flutter doctor
在控制台下运行flutter doctor命令,查看有哪些以来环境需要继续完成配置的。
这条命令会检查当前的flutter运行环境并且显示报告当前flutter安装的状态。需要仔细核对粗体字提示的需要安装的软件或者错误报告。
例如:
[-] Android toolchain - develop for Android devices
? Android SDK at D:\Android\sdk
? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
? Try re-installing or updating your Android SDK,
visit https://flutter.dev/setup/#android-setup for detailed instructions.
接下来将介绍如何完成这些工作的步骤。一旦你完成了一项配置工作,你可以运行flutter doctor来验证还剩下哪些工作需要完成。
Android 设置
注意:flutter以来完全安装好的Android Studio开发环境。当然,你也可以只用文本编辑器来开发flutter,这个会在以后介绍。
安装Android Studio
- 安装 JDK 并且正确配置 JDK 的环境变量,详细步骤请参考https://blog.csdn.net/cjc035/article/details/88688447;
- 下载并安装 Android Studio
安装最新版本的Android SDK,Android SDK Platform-Tools,Android SDK Build-Tools,这些都是flutter需要依赖的。
设置 Android 设备
要能让 flutter app 在 Android 设备上运行,请确保 Android 系统在 4.1 或者以上版本
- 打开 Android 开发者选项,启用 USB 调试;
- 用 USB 数据线将 Android 设备和电脑连接;
- 在控制台运行 flutter devices,如图所示则 Android 设备连接成功:
安装 Android Studio 插件
- 打开 Android Studio
- 打开安装插件窗口,File > Settings > Plugins
- 选在 Browse repositories,选择 Flutter 插件并且点击 Install
- 重启 Android Studio
创建第一个 Flutter App
- 打开 Android Studio
- 选择 File > New Flutter Project
- 选择 Flutter application 作为工程类型,并且一路 Next
- 确保 Flutter SDK Path 和 Android SDK 都已经正确安装了
- 输入工程名,例如 myapp,然后点击 Next
- 点击 Finish
- 等待 Android Studio 创建 Flutter 工程并且打开
运行 Flutter App
- 找到 Android Studio 的工具栏
- 在 target selector 中选择一个 Android 设备运行APP
- 点击 Run
等待工程 Build 完成后,在 Android 设备上将会看到运行的 Flutter App
感受热加载
Flutter 开发可以使用热加载,不需要每次修改代码之后都重新运行 App。当源代码修改之后,使用热加载功能,可以在 Android 设备上看到修改后的效果,无需重新 Build,无需重新启动 App。
- 打开 lib/main.dart
- 把
‘You have pushed the button this many times‘
改成
‘You have clicked the button this many times‘
- 点击 Hot Reload 工具栏的 闪电 图标,将在APP上立马展示效果
注意:在修改代码的时候不能关闭已经运行的APP
到这里,Flutter 的开发环境就配置好了,并且成功运行了第一个 Flutter App
原文地址:https://www.cnblogs.com/ai2050/p/10733351.html