2018年移动端如果说有什么新东西出来的话,Flutter是当仁不让的了。为什么叫“打卡flutter”,因为我只是把开发环境建好,并把示例工程运行起来。
目标:在mac一体机上,搭建flutter环境,并在iphone模拟器上运行起来。
flutter的开发环境不像搭建iOS环境,只要安装个Xcode就完事;是很多工具的集合,原本以为要个1天时间,实际上搭建过程还是简单、顺利的。(之前我建Appium环境就花了1天多少时间。)
第一步:完整Flutter SDK包
下载地址和安装过程
下载 https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.0.0-stable.zip
解压 $ unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip
配置路径 $ export PATH="$PATH:`pwd`/flutter/bin"
第二步:安装iOS部署工具
$ brewinstall--HEADusbmuxd
$ brewlink usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller ios-deploy cocoapods
$ pod setup
第三步:run一个Flutter应用
打开本地iPhone模拟器 $ open -a Simulator
创建一个应用 $ flutter create my_app
run这个应用 $ flutter run
就这么简单,你会看到一个应用在模拟器上运行起来了。
最后,安装一个IDE开发环境
到这步为止,我们还缺少一个集成开发环境(IDE)。由两部分组成
先安装Android Studio,这里我遇到了些麻烦;因为被墙了,所以可以自己去搜索个国内可以下载的安装包。
然后,安装Flutter和Dart(Flutter开发语言)插件:
1,在Android Studio中,Preferences -> Plugins
2,选择Browse repositories,然后选择Flutter plugin,进行安装。
3,重启Android Studio,就可以看到创建Flutter工程的向导了。
在IDE环境里还可以进行下断点调试。
其他一些故事:
1,为什么Flutter会用到Android Studio?
-- 因为Flutter和Android都是Goolge的。Flutter可以一次开发,同时运行在iPhone和Android上。
2,Flutter应用很广了吗?
-- 没有。它的1.0正式版其实是到2018年12月5日才发布的。
-- 国内闲鱼App开发团队已经在实际工程中使用,并开发了10多个页面。Flutter官网上的第一个showcase就是闲鱼。
3,参考网站?
-- Flutter官网 https://flutter.io/
-- 闲鱼对Flutter的运用:https://www.yuque.com/xytech/flutter
网友评论