美文网首页
Flutter-iOS

Flutter-iOS

作者: 泥孩儿0107 | 来源:发表于2019-04-15 21:07 被阅读0次

    Flutter 官网步骤https://flutterchina.club/setup-macos/

    1 Flutter安装

    下载地址https://github.com/flutter

    直接放到桌面

    按照一下步骤执行:

    不成功结果:

    给的提示运行吧 终端挨个输入

            brew update

    这个需要一些时间有点慢

     brew install --HEAD usbmuxd  出错了 下面是错误原因  

     如提示所说,安装ruby除了安装Xcode外,还需要安装Command Line Tools。

    打开终端,输入命令:

    xcode-select --install

    确保安装成功:

    xcode-select -p

    出现"/Library/Developer/CommandLineTools" 路径即表示安装成功。

    这就表示成功了  还需要等一会儿:

     brew link usbmuxd

            brew install --HEAD libimobiledevice小心这里也会出错


    两个错误  第一个直接rm就好

    第二个是发现/usr/local/下没有路径/usr/local/Frameworks

    需要新建该路径,并修改权限

    $ sudo mkdir /usr/local/Frameworks

    $ sudo chown $(whoami):admin/usr/local/Frameworks

    终端重新brew install --HEAD libimobiledevice 走一遍  成功


          紧接着  brew install ideviceinstaller


    运行 flutter doctor

    运行以下命令查看是否需要安装其它依赖项来完成安装:

    终端输入brew install ios-deploy

    这就好了 

      $ flutter create flutterapp

      $ cd flutterapp

      $ flutter run

    3.安装JDK

    在Windows上安装完JDK还需要配置环境变量,但是在Mac上非常方便了

    双击下载好的dmg 文件,依次执行以下步骤,即可安装完成。

    第二步:下载、安装AndroidStudio

    AndroidStudio下载地址:

    如果不能翻墙建议使用以下地址下载:http://www.android-studio.org

    官方地址:http://developer.android.com/intl/zh-cn/sdk/index.html

    下载完成后如下:

    2.安装

    按照如下提示移动AndroidStudio,即可完成安装。

    第三步:运行AndroidStudio

    1.首次打开会有如下提示:

    第一个选项,询问你是否之前有使用其他版本,需要导入配置。

    第二个选项,是默认AS设置,不需要导入。由于第一次使用,所以我选择后者,点击“OK”按钮。

    2.可能会弹出如下界面,提示无法访问Android SDK,可以暂时不管,直接cancel。

    3.弹出如下界面,直接next。

    上图为选择安装组件的形式,我们这里选择标准模式。

    接下来弹出ui主题的选择,我们默认,然后next。

    4.显示下载组件信息,等待下载完成。

    下载完成后就可以使用AndroidStudio开发应用程序了。

    打开AndroidStudio 

    二、安装插件

    Android Studio要进行Flutter的开发,还需要安装两个插件: Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等). Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

    安装方式: 在Preferences>Plugins中进行安卓,如图:

    在Plugins中点Browse repositories,然后搜索 Flutter 和 Dart

    然后便可以开始安装,安装过程中可能会出错,多尝试几次。

    安装完成后重启Android Studio后插件生效。

    三、打开或创建Flutter 工程

    1、新建Flutter工程

    进入File-New-New Flutter Project(或者在Android studio启动引导界面创建),然后选择Flutter Application,再填写工程名、路径等信息便新建了一个Flutter工程

    2、打开已有的Flutter工程

    这一点和官方的介绍IntelliJ的操作差异比较大。

    在Android studio启动引导界面选择Open a existing Android Studio Project(或者在File-Open进行打开),然后选择Flutter工程的主目录,打开

    打开项目之后会一系列报错  因为之前没有下载sdk  会有提示下载  点击download直接下载   下载完成后错误直接就没有了  在终端

    那么第一步要作的是允许协议(android-licenses)。允许方法就是在终端运行如下命令:

    flutter doctor --android-licenses复制代码

    然后让你输入Y/N的时候,一路Y就可以了(至于啥意思,我也没仔细看,大概就和安装软件的下一步下一步是一样的,你按N是不能成功的)。

    最后结果

    相关文章

      网友评论

          本文标题:Flutter-iOS

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