美文网首页人工智能零基础入门Flutter修炼手册
Flutter安装步骤【详细版】for MacOS

Flutter安装步骤【详细版】for MacOS

作者: Flutter小菜鸡 | 来源:发表于2019-06-05 16:37 被阅读0次

    前言:本文仅供学习,不得转载!

    本文只是按照Flutter中文网的安装教程中具体实现步骤所做的便签,因为有些太详细的东西Flutter中文网并没做过多的解释,讲真,官网说的太少了,所以如果是新手的话(本人就是个Flutter菜鸡)或者你又恰好对Linux命令不太熟悉的话,那就一步步照着操作吧。

    Step 1

    第一步肯定就是获取安装包了,建议是通过去flutter官网下载其最新稳定的安装包,转到下载页 ,下载速度取决于自身网速。

    ps: 稳定安装包通过选择Stable channel (macOS)通道里面的最新版本下载即可,如果不是为了尝鲜flutter最新的功能或者API的话,个人建议是下载稳定的版本,毕竟bate版这个玄之又玄的东西,新手不建议使用。

    安装包

    下载完成之后,就是上面这个Zip格式的压缩文件,然后把这个文件解压到你想要安装的目录中去,下面这个步骤官网是通过终端命令的方式去解压缩。

    cd ~/development
    unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

    具体怎么做呢?请看分解动作 敲黑板划重点!!!

    目录结构.png
    可以看到我自己本机的路径是在:本地磁盘->用户->当前管理员用户->资源库(Library)->Flutter,这个Flutter就是我自己创建的安装目标路径。
    打开终端 cd到对应目录(Mac打开terminal默认的路径是在当前用户的文件夹下,所以直接指向cd到目标路径即可)

    cd Library/Flutter

    然后执行下面的命令解压缩我们下载下来的zip文件即可,也可以手动解压缩放到对应的目录下面

    unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

    至此已经是安装初步完成,但是还是需要验证是否安装成功
    注意:在验证是否安装成功之前,需要先配置一个临时的环境变量,只会在当前命令窗口生效
    执行以下命令行

    export PATH=`pwd`/flutter/bin:$PATH

    (以上设置只是设置了临时环境变量,并不是说Flutter的环境变量就此设置完毕)
    如果没有报错即为配置完成,然后运行 flutter doctor

    flutter doctor

    可以看到我本机的Flutter已经安装完毕


    输出结果.png

    随之一起输出的还有各个开发环境的配置情况

    环境配置情况.png

    一步一步来吧,因为我自己是iOS开发,所以就从熟悉的Xcode开始,可以看到原因是因为macOS 缺失的软件包的管理器造成的,安装方法也很简单,直接执行以下命令即可
    ps: brew的官网里面有此插件的介绍,感兴趣的可以看一下

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    经过一次暂停需要手动敲击任何按键进行继续安装,之后输入本机电脑密码之后,安装完成。


    安装brew成功.png

    之后继续运行 flutter doctor 查看配置信息

    flutter doctor

    配置信息.png

    可以看到iOS的环境依旧是感叹号,三个原因:

    • 一个原因是brew没有进行初始化操作
    • 另一个原因就是ios-deploy not installed.没有安装一个iOS部署的东东,具体是什么插件,不得而知,这个插件肯定是flutter在桥接Xcode环境需要用到的吧。
    • 最后一个原因是cocoapods与flutter的依赖关系造成的,具体可以参考https://flutter.dev/platform-plugins

    OK,那么先按照提示执行pod setup操作,众所周知这个pod setup是一个比较漫长的过程,喝杯茶等一下吧。
    其实我自己的pod是安装过的,可能是版本太低,或者配置不正确的原因造成的,我查看了一下pod --version,发现我的版本号并不低,那就可能是依赖关系,或者配置造成的原因,具体原因有待小伙伴深究,可以留言一起探讨

    pod setup

    pod操作.png

    pod setup之后,顺便把执行以下 检查更新

    sudo gem install cocoapods

    然后再次执行 pod --version 查看pod版本号,发现已经更新到最新的1.7.1的版本

    pod version.png
    然后处理第二个问题,按照提示依次执行命令行

    brew update
    brew install --HEAD usbmuxd
    brew link usbmuxd
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
    brew install ios-deploy

    iOS适配结果.png
    可以看到到此为止iOS环境算是已经处理完毕。接下来处理Android环境,Android的IDE我这里下载的是Android Studio,也可以用VS Code 、IntelliJ等,这里推荐VS Code或者Android Studio(捂脸,因为我没有用过第三种)在此我就先拿Android Studio开刀吧。。
    端午节回家有点事情,赶飞机先放着,有空继续写

    相关文章

      网友评论

        本文标题:Flutter安装步骤【详细版】for MacOS

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