Flutter开发之搭建篇

Google的Git源码库出现了一种新的开源操作系统叫Fuchsia,该系统的UI用户界面层使用的是Dart语言开发的Flutter,渲染器是Escher,应用程序框架是Mojo。那么我们先来了解一下这个Flutter

Flutter,是一个帮助开发者从一个单一的代码库,去构建iosAndroid上高性能、高保真的移动设备应用新项目。

本节向导将描述如何搭建你的开发环境,在ios或者Android上运行Flutter应用

系统要求

要安装和运行Flutter,你的开发环境必须满足这些最低要求:

  • 操作系统:Mac或者Linux(64位).Windows已加入支持计划
  • 工具:Flutter在你的环境中依靠这些命令行工具才可以使用.bash,mkdir,rm,git,curl,unzip

获取 Flutter SDK

对于获取Flutter,使用git去clone仓库,然后添加flutter工具到你的path:

1
2
$ git clone https://github.com/flutter/flutter.git -b alpha
$ export PATH=`pwd`/flutter/bin:$PATH

flutter_setup_1.png

运行以下命令来看看是否有您需要安装完成设置任何依赖关系:

1
$ flutter doctor

flutter_setup_2.png

在第一次运行flutter命令的时候,它将会下载它的依赖并且自己编译,后续运行的时候应该会快

一旦你已经安装任何缺少的依赖,再一次运行flutter doctor命令,来验证是否已正确设置一切。

Google Analytics(分析)

Flutter 工具使用了Google Analytics进行使用情况的数据统计报告功能和基本崩溃报。随着时间的推移,这些数据能够帮助提高Flutter工具。为了禁用报告,在终端输入flutter config --no-analytics,对于要显示出当前analytics分析报告的状态,在终端输入flutter config

Analytics是不会在最初的运行或任何涉及flutter config运行去发送。这让用户选择退出分析,而不发送任何数据。见Google的隐私政策https://www.google.com/intl/en/policies/privacy/

ios环境设置

这步是可选的,对于在ios中使用Flutter开发之前,在任何时间都是可以被执行的
对于在ios上开发Flutter应用,你需要一个带有Xcode7.2或者更高版本的Mac设备:

1.安装Xcode7.2或者更高版本(来源网页下载或者Mac App Store)

2.确保Xcode EULA是通过通过任一开放一次的Xcode签名了并且确认了,或者从命令行运行sudo xcodebuild -license

利用Xcode,你将能够在一个IOS设备上或者在一个模拟器上运行Flutter应用

建立ios模拟器

对于准备在ios模拟器运行和测试你的Flutter,如下步骤:
1、在你的Mac,找到来源于Spotlight的模拟器,或者通过使用以下命令:
$ open -a Simulator
2、确保你的模拟器是使用的一个64位的设备(iphone5s或者之后的版本),通过在模拟器的Hardware>Device菜单中检查设置。

3、依赖于的你的机器屏幕大小进行开发,根据开发该机的屏幕尺寸,模拟高密度的ios设备可能会溢出屏幕,在模拟器中设置设备的缩放,在Window下>Scale菜单中。

部署到ios设备

对于部署你的Flutter应用到一个物理的ios设备,你将需要一些额外的工具:

1、安装homebrew

2、打开终端。对于在ios设备上部署Flutter应用,运行这些命令去安装工具。

1
2
$ brew tap flutter/flutter
$ brew install ideviceinstaller ios-deploy

您还需要建立一个供应配置文件为您的开发者账户。要了解如何设置您的个人资料,请查阅 Apple’s official documentation

Android环境设置

这步是可选的,对于在Android中使用Flutter开发之前,在任何时间都是可以被执行的
对于在Android上开发Flutter应用,你能够使用一个Mac或者一个linux(64位)的机器:

1、安装Android Studio
2、Android Studio,安装最新版的Android SDK和Android SDK Platform-Tools,如Adding SDK Packages所述

设置你的Android设备

对于准备在Android上运行和测试你的Flutter应用,你将需要一个运行在Android4.1(API level 16)或者更高的Andoid设备
1、开启开发者模式在你的设备,通过访问设置 > 关于手机,点击版本号行7次
2、在 设置 > 开发者选项,开启USB
3、使用USB数据线将手机和电脑连接在一起,如果在你的设备上提示了,授权你的电脑访问你的设备
4、在终端运行flutter devices命令验证Flutter识别到你已经连接的Android设备

默认情况下,Flutter使用的adb工具和Android SDK版本是依赖的。如果你先Flutter使用一个不同版本安装的Android SDK,你必须设置ANDROID_HOME到你的环境变量是具体的安装目录。

Atom 编辑器

我们建议使用Atom进行编辑,运行,和调试Flutter应用。然后,使用我们命令行工具,你能够使用任你可以用任何编辑器来开发Flutter应用
对于安装Atom:
1、从atom.io站点下载Atom
2、从下载文件进行解压,并执行Atom

配置Atom开发环境

在你在A创建你的Flutter项目之前,你将需要执行这些起飞前的任务:
1、启动Atom编辑器
2、通过以下这些步骤安装Flutter package:

  • 从菜单栏,打开Packages > Settings View > Install Packages/Themes
  • Install Packages区域,输入flutter并且点击Packages按钮
  • 你应该能看到Flutter包已经显示出来了,点击按钮进行安装这个包

flutter_setup_3.png

3、打开Packages > Flutter > Packages Settings,设置FLUTTER_ROOT区域为你安装Flutter SDK的根目录的路径

flutter_setup_4.png

4、打开Packages > Dart > Packages Settings,设置Dart SDK Location 区域为你Flutter SDK的根文件夹bin/cache/dart-sdk目录的路径

flutter_setup_5.png

5、如果你在Mac上使用Atom,你应该安装atomapmshell命令。从菜单栏这样操作,点击Atom>Install Shell Commands

以上操作就完成了Flutter的环境搭建操作,下一篇来学习Flutter入门

以上部分具体内容来源Flutter官网,对其译文并扩展,如有不足,欢迎指正。

0%