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 天前
一起学 Android 14:ShellTransition 屏幕旋转过程深度剖析
android·智能手机·性能优化·framework·性能·屏幕旋转·rotation
美狐美颜SDK开放平台2 天前
开发直播APP时如何接入视频美颜SDK?开发流程与注意事项
android·人工智能·计算机视觉·音视频·直播美颜sdk
AFinalStone2 天前
Android7 SystemUI源码解析(七)Keyguard锁屏模块深度解析
android·systemui
致远ccc2 天前
Google Play 上架前如何测试 App?多国家 Android 环境测试
android·app测试·googleplay·多国家应用测试
ttyyttemo2 天前
Kotlin 协程中的 Job 结构化并发与取消
android
sun0077002 天前
tbox 4g/5g切换,导致wan ip 改变,导致车机旧网络不可用。需要重启车机才行
android
其实防守也摸鱼2 天前
内网穿透与反向代理:原理、工具与实战指南
android·大数据·运维·安全·网络安全·自动化·渗透
AFinalStone2 天前
Android7 SystemUI 源码解析(四)NavigationBar 导航栏与 SystemBars
android·systemui
JMchen2 天前
属性动画原理与高级动画实现
android·kotlin·canvas
AFinalStone2 天前
Android7 SystemUI 源码解析(二)启动流程深度解析
android·systemui