从0开始学Flutter之环境搭建

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/a63627648/article/details/81435005

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 //国内用户需要设置

  • 使用git命令  git clone -b beta https://github.com/flutter/flutter.git  下载Flutter SDK

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

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

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

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

Android设置

安装Android Studio

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

Flutter需要安装和配置Android Studio:

  1. 下载并安装 Android Studio.

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

设置真机Android设备

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

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

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

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

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

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

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

默认情况下,Flutter使用的Android SDK版本是基于你的 adb 工具版本。 如果您想让Flutter使用不同版本的Android SDK,则必须将该 ANDROID_HOME 环境变量设置为SDK安装目录。

设置Android模拟器

要准备在Android模拟器上运行并测试您的Flutter应用,请按照以下步骤操作:

  1. 在您的机器上启用 VM acceleration .

  2. 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

  3. 选择一个设备并选择 Next

  4. 为要模拟的Android版本选择一个或多个系统映像,然后选择 Next. 建议使用 x86 或 x86_64 image .

  5. 在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用 硬件加速.

  6. 验证AVD配置是否正确,然后选择 Finish

    有关上述步骤的详细信息,请参阅 Managing AVDs.

  7. 在 Android Virtual Device Manager中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.

  8. 运行 flutter run 启动您的设备. 连接的设备名是 Android SDK built for <platform>,其中 platform 是芯片系列, 如 x86.

AndroidStudio插件安装

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

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

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

  3. 重启AndroidStudio 使插件生效

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

   

展开阅读全文

没有更多推荐了,返回首页