Win11环境下Android Studio中Flutter开发环境构建(逐步解决)

flutter开发环境构建

  • [1. Flutter开发环境搭建](#1. Flutter开发环境搭建)
    • [1.1 Android Studio](#1.1 Android Studio)
    • [1.2 flutter](#1.2 flutter)
    • [1.3 flutter doctor](#1.3 flutter doctor)
      • [Android toolchain:cmdline-tools component is missing](#Android toolchain:cmdline-tools component is missing)
      • [Android toolchain:Some Android licenses not accepted](#Android toolchain:Some Android licenses not accepted)
      • [Chrome - develop for web](#Chrome - develop for web)
      • [Visual Studio - develop Windows apps](#Visual Studio - develop Windows apps)
  • [2. 运行第一个Flutter项目](#2. 运行第一个Flutter项目)
  • [3. 其他](#3. 其他)
    • [3.1 此时不应有\flutter\bin\cache](#3.1 此时不应有\flutter\bin\cache)
    • [3.2 卡在Running Gradle task 'assembleDebug'...](#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

相关推荐
小π军2 小时前
安卓、iOS、鸿蒙三端的理解
android·ios·harmonyos
m0_738185823 小时前
Flutter 鸿蒙化实战:volume_controller 适配 OpenHarmony,系统音量控制
flutter·华为·harmonyos·鸿蒙
BD_Marathon3 小时前
ChatPromptTemplate的高级特性
android·java·javascript
夜晚回家3 小时前
Python 变量入门详解 | 用 BMI 案例串起赋值、乘方与取整
android·python
程序猿追3 小时前
立方体转到九十度:用 kotlin-math 核对鸿蒙上的两种旋转
android·开发语言·kotlin
FungLeo3 小时前
成为全栈·Flutter App 篇·Flutter Markdown 阅读器:支持范围与渲染边界
flutter·markdown·dart·代码高亮·成为全栈·移动阅读
半调子的社畜3 小时前
记账 App 我装了删、删了装,最后自己写了一个:本地语音识别 + R8 踩坑复盘
android·ai编程
m0_738185823 小时前
Flutter 鸿蒙化实战:webview_cookie_manager 适配 OpenHarmony,WebView Cookie 管理
flutter·华为·harmonyos·鸿蒙
FungLeo4 小时前
成为全栈·Flutter App 篇·服务端目录与文章辅助阅读:锚点、上下篇、浏览量和阅读历史
flutter·锚点·阅读体验·成为全栈·markdown目录·api契约
hunterandroid4 小时前
Android 运行时权限实战:从声明权限到拒绝后的可用降级
android