美文网首页程序员FlutterFlutter
搭建Flutter-iOS开发环境

搭建Flutter-iOS开发环境

作者: alanwangmodify | 来源:发表于2018-10-18 15:56 被阅读2481次

    一、 获取Flutter工程

    现在发布的是beta 版本,可以用
    git clone -b beta https://github.com/flutter/flutter.git

    也可以切换到master分支,使用master分支的代码

    二、将flutter加入path

    打开.bash_profile(一般在Mac的当前用户目录下),


    编辑添加:

    export PATH=[flutter工程目录]/flutter/bin:$PATH
    

    eg:


    运行以下命令行进行刷新:

    source ~/.bash_profile
    

    运行以下命令验证flutter/bin目录在PATH中:

    echo $PATH
    

    三、iOS环境依赖

    需要通过homebrew安装用于将Flutter应用程序部署到iOS设备的环境和工具:

    brew install --HEAD libimobiledevice
    brew install ideviceinstaller ios-deploy cocoapods
    

    不同情况下回 遇到很多不同情况,如果不成功可以通过flutter doctor来定位问题

    四、创建一个Flutter项目

    经过上面三部环境基本上差不多了,现在来建立一个Flutter项目。
    进入你想存放项目的目录,执行命令行:

    flutter create flutterapp
    

    其中flutterapp为项目名称,不能用大写。

    如果中途遇到上面问题,可以执行flutter doctor定位问题:

    五、运行flutter项目

    有两种方式运行项目:命令行和XCode运行

    1、命令行

    将真机连到电脑,进入flutter项目文件,然后执行命令行flutter run,eg:

    cd flutterapp
    flutter run 
    

    这个时候会提示你所连接真机的信息,如下图,其中*后面的为手机id


    这个时候再执行命令行flutter run -d 手机id 等待一段时间后便会在你手机上运行项目 eg:
    flutter run -d 47662d3bad7fa0da458a703b262c04a69c0714cf
    
    2、XCode运行

    也可以直接进入项目中ios文件夹,打开Runner.xcworkspace,再运行项目。

    界面展示


    相关文章

      网友评论

        本文标题:搭建Flutter-iOS开发环境

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