美文网首页iOS开发记录iOS学习开发iOS开发技术分享
iOS开发人员搭建flutter开发环境:打卡

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

作者: 终生程序员小松哥 | 来源:发表于2019-02-03 08:52 被阅读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

    相关文章

      网友评论

        本文标题:iOS开发人员搭建flutter开发环境:打卡

        本文链接:https://www.haomeiwen.com/subject/yrcysqtx.html