<>下载Flutter Sdk

系统要求:
安装运行Flutter,开发环境必须满足以下要求:
操作系统:Windows 7 或者以上版本,64位机器
硬盘空间:不包括IDE和工具在内,至少需要400M
软件工具:
Windows PowerShell 5.0或者以上
Windows版Git 2.x,请确保Git可以正常运行

获取Flutter Sdk:
1. 点击这里
<https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.2.1-stable.zip>
下载最新版本的Flutter Sdk。如果想要获取更多Flutter Sdk或者下载以前版本的Flutter Sdk,请点击SDK archive
<https://flutter.dev/docs/development/tools/sdk/archive>下载。
2. 解压缩zip文件到存放Flutter
Sdk的目录,例如我存放在D:\Android\flutter目录下。不要将Flutter解压缩在像C:\Program Files这样的私有目录下。
3. 在flutter目录中找到flutter_console.bat文件,双击运行安装Flutter。
现在,Flutter就已经安装好了,你可以通过Windows控制台中运行flutter了。
如果想要更新Flutter,请点击这里更新
<https://flutter.dev/docs/development/tools/sdk/upgrading>。


<>配置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

友情链接
KaDraw流程图
API参考文档
OK工具箱
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:[email protected]
QQ群:637538335
关注微信