美文网首页
flutter环境配置-mac-android

flutter环境配置-mac-android

作者: crossroads | 来源:发表于2023-08-24 19:02 被阅读0次

    前言

    由于要配置flutter,官网的太不详细了,根据查的内容踩了不少坑。例如创建fullter项目的按钮一直不出现,flutter命令一直失败等问题。因此在这里再做一个总结,希望能帮助配置flutter的android开发人员。

    1. 下载androidstudio

    前往官网下载 https://developer.android.google.cn/studio并安装

    2. 下载flutter

    进入官网https://flutter.cn/docs/get-started/install/macos,根据mac系统选择下载,不要下错了哦。

    二选一

    3. 下载后解压到你自己想放置的文件夹

    例如我的放在了文稿里的FlutterSdk文件夹下


    flutter解压后

    4. 配置path

    打开终端,输入open .bash_profile添加以下三行 ,将自己的flutter文件夹存放的位置替换一下。

    export PATH=/Users/cross/Documents/FlutterSdk/flutter/bin:$PATH
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    

    5. 配置path2

    输入open .zshrc命令,将.bash_profile文件里的这三行复制进来


    6. 运行配置

    分别执行下面代码,将上面环境变量应用
    source ~/.bash_profile
    source ~/.zshrc

    7. 配置android studio

    打开 android studio --->SDK Manager,,将图中选择的勾选上。


    8. 配置android studio的插件

    安装3个插件,在preferences里找到plugins,搜索Flutter 、Dart与Android APK Support安装


    1
    2
    3解决fullter项目的按钮一直不出现

    9. 设置android studio中flutter和dart所在的位置,之后就可重启android studio


    10. 运行flutter doctor看看有没有错,一般都会有问题。先输入 flutter doctor --android-licenses 命令,在随后的提示中不停输入 y 后,再次输入执行 flutter doctor 。如果还有错误输入flutter doctor -v看详细信息。

    如果遇到了androidstudio 版本无法识别等错误(这个是我遇到的),原因是因为之前的老版本android studio没有彻底删除,可以根据flutter doctor -v命令的详细信息看到android studio在哪里安装,检查是否对不上目前的版本位置。


    11.创建flutter项目

    这里我一直以为点new flutter project后点new project,一直不对,原来不是这样的,😭。具体如下↓


    1

    点flutter,确认sdk无误,点next


    2
    3
    点击create后便可成功创建flutter项目

    参考网站

    https://www.rstk.cn/news/78529.html?action=onClick
    http://www.taodudu.cc/news/show-5536629.html?action=onClick

    相关文章

      网友评论

          本文标题:flutter环境配置-mac-android

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