iOS开发记录iOS学习开发iOS开发技术分享

iOS开发人员搭建flutter开发环境:打卡

2019-02-03  本文已影响5人  终生程序员小松哥

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

上一篇下一篇

猜你喜欢

热点阅读