美文网首页
mac flutter 环境搭建

mac flutter 环境搭建

作者: 乐视薯片 | 来源:发表于2020-12-29 16:27 被阅读0次

    为了方便自己看,特此记录一下,环境搭建主要分为几步:

    1. 下载flutter sdk
    2. 设置环境变量
    3. 如果没有安装Android studio ,还需要安装,并且进行环境变量配置

    查看Homebrew

    终端里输入brew,查看有没有安装,

    image.png
    出现以上内容,则代表已经安装了,如果出现-bash: brew: command not found,即Mac没有带Homebrew,则去Homebrew官网https://brew.sh/,终端执行:
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"即可。

    下载flutter sdk

    https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
    选择最新的版本即可,下载解压放到指定文件。

    配置环境变量

    打开bash_profile,增加下面三条设置:
    export PATH=flutter文件存放位置/bin:$PATH
    export PUB_HOSTED_URL=[https://pub.flutter-io.cn](https://links.jianshu.com/go?to=https%3A%2F%2Fpub.flutter-io.cn)
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    步骤
    1. vim ~/.bash_profile 打开文件
    2. 输入i,进入编辑状态,输入上面三条内容即可。
    3. 保存退出,esc + :wq
    4. source ~/.bash_profile

    查看flutter 依赖信息

    终端输入 flutter -h
    会出现下载各种tools的进度,耐心等待就可以了,出现下面这个界面就可以了。

    image.png

    最后一步终端输入flutter doctor,检查安装的tools


    image.png

    会看到打了个✗,针对这个,根据他的提示,安装Android studio 即可。安装完成以后,再次执行flutter doctor ,会出现


    image.png
    针对这个问题,只需终端执行flutter doctor --android-licenses ,一路 yes 即可。
    最后再次执行flutter doctor,出现下面的界面,就可以愉快的开始flutter 的学习了 image.png

    相关文章

      网友评论

          本文标题:mac flutter 环境搭建

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