美文网首页
Flutter入门详细安装教程(Mac版)

Flutter入门详细安装教程(Mac版)

作者: 小蜜蜂Bee | 来源:发表于2021-09-02 10:38 被阅读0次

    作为一名iOS的多年开发者,在flutter大潮如此凶猛之下,我依然还是在坚持iOS原生开发,哈哈哈!不过这些年也玩过很多,比如小程序等等,说到这里顺带说几句小程序,个人感觉小程序还是挺好玩的,就是相比iOS原生开发,小程序非得分几个不同功能的文件有点分离感,其它的还是不错,特别是有时候在为原生UI布局苦恼的时候 ,小程序分分钟的事情。而这次为什么又来说说flutter呢?因为经过身边人的口碑以及大厂闲鱼APP等等推广,好像flutter是确实不错。而大概在四年前的时候还接触过Ionic,这种所谓的混合确实太不舒服了 ,而且打出来的包质感真是不好,特别是对开发也不友好,万一出现问题,非常难以定位。
    好了,前言就说到这里吧,下面正式开始介绍一下我尝试flutter开发的事情 ,既然要尝试使用flutter开发,那么首先想到的肯定要进行环境和IDE工具的安装,步骤如下:

    一、下载Flutter SDK

    地址:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos

    flutter SDK

    这里说明几句,个人建议作为新手,其实也不管是啥手,只要不是万不得已,任何开发工具或者SDK或者系统最好还是选择稳定版本,不要去当炮灰,一是耽搁自己的时间,二是出了莫名其妙的问题找不到解决的方法。

    flutter SDK

    下载之后直接解压出来,然后会有一个flutter的文件夹出现,如下图:


    flutter文件夹

    到此flutter SDK暂时准备好了

    二、下载Android Studio

    地址:https://developer.android.com/studio#downloads

    这里再另外说明一个关于下载IDE的问题,个人同样建议IDE开发工具一定要去官网下载以及正规渠道获取,为什么呢,说一个好些年前发生的一个很有名的第三方下载Xcode含有病毒的事件,所以不管何时何地,获取开发工具最好都是通过官方可靠渠道。

    下载界面 选择版本

    按以上步骤,下载好DMG包之后安装好Android Studio,然后进行插件安装

    安装flutter插件

    安装flutter插件

    同时在安装flutter插件的时候,会自动安装Dart插件,这样Android Studio暂时搞一段落。

    三、执行相关命令

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export PATH="/Users/xiaomifeng/flutter/bin:$PATH"
    
    

    说明:export PATH="/Users/用户名/flutter/bin:$PATH"

    这里的后面的地址指的就是我们在第一步安装的flutter文件所在的位置,如下图:

    flutter所在位置
    export ANDROID_HOME="/Users/用户名/Library/Android/sdk" //android sdk目录,替换为你自己的 
    export PATH=${PATH}:${ANDROID_HOME}/tools 
    export PATH=${PATH}:${ANDROID_HOME}/platform-tools 
    

    执行完上面的6条命名之后,执行:

    flutter doctor
    

    这个时候会报一个错误,如下:

    [!] Android toolchain - develop for Android devices 
        ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses 
    
    

    会发现有黄色警告,没有安装安卓证书。按提示进行操作:

    flutter doctor --android-licenses
    

    然后根据提示一直y,y到结束为止就可以了。

    四、创建第一个flutter项目

    创建项目

    如果以上的方法帮助到你了,欢迎分享,更欢迎简书底部赞赏,也可以直接打开支付宝进行打赏支持作者创作,感谢感谢!

    支付宝账号:zouhuaping123@qq.com

    欢迎和我交流,QQ:834537795(小蜜蜂)

    相关文章

      网友评论

          本文标题:Flutter入门详细安装教程(Mac版)

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