美文网首页
Mac搭建Flutter开发环境

Mac搭建Flutter开发环境

作者: 小小小鸡腿 | 来源:发表于2019-07-16 20:08 被阅读0次

    RN入坑很久了,今年开始flutter势头似乎很迅猛,准备开始学习一下,记录一下环境搭建过程给大家一个参考

    flutter SDK下载

    1.官网地址:SDK下载

    2.下载完成后,解压到文件夹,配置flutter环境变量。如果之前创建过.bash_profile,可以省略掉touch创建步骤

    $ cd ~/
    $ touch .bash_profile
    $ open .bash_profile
    

    然后在.bash_profile文件中添加一行

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

    其中pwd是你的flutter解压后的文件路径,比如我配置的就是

    export PATH=/Users/mazheng/Documents/iCollections/developSDK/flutter/bin:$PATH
    

    3.cd到解压下来的flutter文件夹目录下,可以先运行flutter doctor查看下

    $ flutter doctor
    

    打勾的是通过的,打叉是未通过的,我的提示如下,因为是新电脑,只是装了xcode而已,所以需要配置的应该是最全的

    我的提示如下: 运行环境检查

    4.Android Studio下载

    官网下载:AS下载
    安装时如果提示错误unable to access android sdk-on list,直接点cancel,后在后续安装过程中下载所需的sdk
    安装完成后,在as的设置中查看SDK路径,如下

    Android SDK路径

    然后继续在.bash_profile文件中添加SDK路径

    export ANDROID_HOME=/Users/mazheng/Library/Android/sdk
    

    终端继续运行

    flutter doctor --android-licenses
    

    中间输入五六次y,然后回车就行
    再次运行flutter doctor就可以看到,flutter的安卓运行环境就搞定了

    5.xcode环境配置

    xcode提示我CocoaPods not installed. 所以我需要先安装brew,已经安装过得可以跳过这一步

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

    之后安装iOS tool,也是根据提示命令安装即可


    iOS tool安装

    6.Flutter&Dart插件安装

    打开Android studio->Preferences->Plugins,搜索flutter和Dart,点击安装


    插件安装

    安装完后重启IDE就可以了

    结束:至此Mac端Flutter安装环境完成,打开Android studio新建一个Flutter项目试试吧

    相关文章

      网友评论

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

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