
Google的Git源码库出现了一种新的开源操作系统叫
Fuchsia
,该系统的UI用户界面层使用的是Dart
语言开发的Flutter
,渲染器是Escher
,应用程序框架是Mojo
。那么我们先来了解一下这个Flutter
Flutter,是一个帮助开发者从一个单一的代码库,去构建ios
和Android
上高性能、高保真的移动设备应用新项目。
本节向导将描述如何搭建你的开发环境,在ios
或者Android
上运行Flutter应用
系统要求
要安装和运行Flutter,你的开发环境必须满足这些最低要求:
- 操作系统:Mac或者Linux(64位).Windows已加入支持计划
- 工具:Flutter在你的环境中依靠这些命令行工具才可以使用.
bash
,mkdir
,rm
,git
,curl
,unzip
获取 Flutter SDK
对于获取Flutter,使用git
去clone仓库,然后添加flutter
工具到你的path:
1 | $ git clone https://github.com/flutter/flutter.git -b alpha |
运行以下命令来看看是否有您需要安装完成设置任何依赖关系:
1 | $ flutter doctor |
在第一次运行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 | $ brew tap flutter/flutter |
您还需要建立一个供应配置文件为您的开发者账户。要了解如何设置您的个人资料,请查阅 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包已经显示出来了,点击按钮进行安装这个包
3、打开Packages > Flutter > Packages Settings,设置FLUTTER_ROOT区域为你安装Flutter SDK的根目录的路径
4、打开Packages > Dart > Packages Settings,设置Dart SDK Location 区域为你Flutter SDK的根文件夹bin/cache/dart-sdk
目录的路径
5、如果你在Mac上使用Atom,你应该安装atom
和apm
shell命令。从菜单栏这样操作,点击Atom
>Install Shell Commands
以上操作就完成了Flutter
的环境搭建操作,下一篇来学习Flutter入门
以上部分具体内容来源
Flutter
官网,对其译文并扩展,如有不足,欢迎指正。