从0开始学Flutter之环境搭建

Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架。

其他激动人心的特性:[5 个你也许会喜欢 Google Flutter 的理由] 参考

 

总结起来就是

**#1.热重载:**修改代码后可以实现网页级别的界面视图反馈。

#2. 丰富的UI组件:基于Material Design的 Material Components(针对 Android )和 Cupertino(适用于 iOS )

**#3.Android / iOS 差异化主题:**相同代码在IOS和Android中的效果不同

#4.接近原生APP的用户体验!

目前的Flutter支持的是Google开发的网络编程语言Dart [Dart学习] 对于Java的熟练使用者来说,掌握Dart不是问题

介绍了Flutter,接下来我们开始正式的学习!

[Flutter官方文档] 参考  [Flutter官方文档中文版] 参考

 

我们以Windows系统上配置环境为例

首先确保:

安装 Git for Windows (Git命令行工具)

如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令

 

下载并配置FlutterSDK

  • 在系统变量名为 Path 中添加一个值 :flutter sdk安装目录\flutter\bin\

例如 F:\flutter_SDK\flutter\bin

同时配置(新建系统变量):(很关键)

PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置

或者前往 [Flutter 存档地址] 下载最新版本 并且解压

  • 在flutter目录下找到 flutter_console.bat文件,双击启动

  • 然后就可以在Flutter控制台中运行Flutter命令了接着在Flutter控制台运行 flutter doctor

注意: 由于一些flutter命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 上面的PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像。详情请参考 Using Flutter in China

Android设置

安装Android Studio

要为Android开发Flutter应用,您可以使用Mac,Windows或Linux(64位)机器.

Flutter需要安装和配置Android Studio:

下载并安装 Android Studio.

启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的

设置真机Android设备

要准备在Android设备上运行并测试您的Flutter应用,您需要安装Android 4.1(API level 16)或更高版本的Android设备.

在您的设备上启用 开发人员选项 和 USB调试 。详细说明可在Android文档中找到。

使用USB将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。

在终端中,运行 flutter devices 命令以验证Flutter识别您连接的Android设备。

运行启动您的应用程序 flutter run。

如果是OPPO手机,还是使用Android模拟器开发吧

如果是小米手机,还需要关闭miui优化

默认情况下,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.

AndroidStudio插件安装

还需要安装Flutter和Dart这两个插件

打开AndroidStudio,左上角File->Settings->Plugins

选择Browse repositories,输入Flutter,选择并点击install(这里同时会自动安装Dart插件)

重启AndroidStudio 使插件生效

参考:http://www.canhuah.com/Flutter%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.html

   

代码交流 2021