码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Win11环境下Android Studio中Flutter开发环境构建(逐步解决)


    flutter开发环境构建

    • 1. Flutter开发环境搭建
      • 1.1 Android Studio
      • 1.2 flutter
        • 下载flutter
        • 设置环境变量
        • 增加国内镜像
      • 1.3 flutter doctor
        • Android toolchain:cmdline-tools component is missing
        • Android toolchain:Some Android licenses not accepted
        • Chrome - develop for web
        • Visual Studio - develop Windows apps
    • 2. 运行第一个Flutter项目
    • 3. 其他
      • 3.1 此时不应有\flutter\bin\cache
      • 3.2 卡在Running Gradle task 'assembleDebug'...
    • 参考资料

    1. Flutter开发环境搭建

    Windows端的flutter环境不好搭建,需要下载的东西还是比较多的。

    1.1 Android Studio

    Android Studio要做的事比较简单,从插件库中下载flutter插件和Dart插件即可。
    Settings -> Plugins -> marketplace -> 搜索flutter和Dart并安装。
    在这里插入图片描述

    1.2 flutter

    下载flutter

    https://docs.flutter.cn/get-started/install/windows/desktop
    上flutter官网,下载,将其解压到你想要放置的安装目录中,我这里为D:/flutter

    设置环境变量

    然后将其设置到你的环境变量中

    1. win11直接在桌面底部的搜索栏搜索:编辑系统环境变量即可。
      在这里插入图片描述
    2. 在用户环境变量的path中,增加你flutter内的bin目录。
      在这里插入图片描述
    3. 运行cmd(win+R,或者搜索栏中搜索命令提示符),输入flutter,有反应就算成功。
      在这里插入图片描述

    增加国内镜像

    还是环境变量窗口
    这回在下面的系统变量中增加两个新的内容
    变量名PUB_HOSTED_URL和值https://mirrors.tuna.tsinghua.edu.cn/dart-pub
    变量名FLUTTER_STORAGE_BASE_URL和值https://mirrors.tuna.tsinghua.edu.cn/flutter
    在这里插入图片描述

    1.3 flutter doctor

    接下来回到cmd,重新运行flutter,他会自动的先帮你把dart给下载了(也就是上面截图中的check dart version他check之后发现没有就会自己去下),下载成功后呢你再输入dart他就会有反应。
    在这里插入图片描述
    接下来执行flutter doctor,他就会整体性的检查你这个电脑里面能不能正常的去跑flutter的内容,跑出来之后呢可能会有几项条件不符合,我们针对的把他处理掉就行。
    在这里插入图片描述

    Android toolchain:cmdline-tools component is missing

    cmdline-tools component is missing,主要说的是你的Android Studio没有命令行功能,解决办法不难。

    1. 打开AndroidStudio,File->Settings->Languages & Frameworks-> Android SDK,先在Android SDK中安装 Android SDK Command-line Tools
    2. 还是打开环境变量,在系统变量中增加一个变量为ANDROID_HOME,值为你的AndroidSDK的目录的变量(SDK地址也在Android Studio的SDK Manager找到)
      在这里插入图片描述

    Android toolchain:Some Android licenses not accepted

    在这里插入图片描述
    照他说的做,cmd运行flutter doctor --android-licenses,过程都选y

    Chrome - develop for web

    在这里插入图片描述
    装个chrome浏览器,直接去官网下即可,Chrome浏览器会自动给你装到C盘,装完就能通过。
    https://www.google.cn/intl/zh-CN/chrome/?

    Visual Studio - develop Windows apps

    在这里插入图片描述
    照他说的做,根据他的地址去下载一个Visual Studio,免费的社区版就行。
    安装过程中会跳出一个自定义安装组件的窗口,把使用C++的桌面开发勾上(Desktop development with C++)
    在这里插入图片描述

    2. 运行第一个Flutter项目

    打开Android Studio,File -> new -> new Flutter Project,在窗口中选择flutter,第一次会要你选择flutter sdk的目录,直接选到flutter解压的根目录即可。
    在这里插入图片描述
    然后再选到Dart,设置一下Dart的安装目录,如果你是和我一样通过Flutter自动安装的Dart SDK,那么他的位置一般是flutter目录里面,具体为flutter\bin\cache\dart-sdk
    在这里插入图片描述
    然后回到Flutter,点击下一步,创建flutter项目,把里面一些设置JDK之类的报错消掉一下,就可以运行flutter项目了。

    注:
    如果没有这个窗口的话,也可以通过files-> settings-> Languages & Frameworks -> Flutter/Dart来分别设置两个SDK的所在文件夹

    3. 其他

    3.1 此时不应有\flutter\bin\cache

    你的flutter所在的文件夹权限不够,需要换一个地址,比如说D盘根目录。

    3.2 卡在Running Gradle task ‘assembleDebug’…

    Gradle版本下不下来,导致编译不动,将android/gradle/gradle.properties中的distributionUrl换一下,换成你已经有的版本(从别的可以编译项目的同位置的文件中复制一个过来)
    在这里插入图片描述

    参考资料

    https://flutter.cn/
    https://blog.csdn.net/weixin_45304503/article/details/127012751
    https://blog.csdn.net/weixin_56650035/article/details/135844160
    https://wenku.csdn.net/answer/b41438167f0f4e60939ae1c6004b9138

  • 相关阅读:
    剑指 Offer 25. 合并两个排序的链表
    【MATLAB源码-第48期】基于matlab的16QAM信号盲解调仿真。
    积分简明笔记-第二类曲线积分的类型
    ChatGPT GPT4科研应用、数据分析与机器学习、论文高效写作、AI绘图技术
    Halo 开源项目学习(七):缓存机制
    使用VS2022连接openEuler虚拟机失败
    从SAP ECC升级到SAP S4HANA, 几个Key Points
    基于SpringCloud的面试刷题系统,项目经验统统搞定
    《数据库系统概论》:DBA的职责有些
    golang学习笔记系列之go语言代码的组织
  • 原文地址:https://blog.csdn.net/qq_41872247/article/details/139375636
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号