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

• 使用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_URL和FLUTTER_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 是芯片系列, 如 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