当前位置：首页 > news >正文

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

news 2025/8/28 20:59:13

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

设置环境变量

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

win11直接在桌面底部的搜索栏搜索：编辑系统环境变量即可。
在用户环境变量的path中，增加你flutter内的bin目录。
运行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没有命令行功能，解决办法不难。

打开AndroidStudio，File->Settings->Languages & Frameworks-> Android SDK，先在Android SDK中安装 Android SDK Command-line Tools
还是打开环境变量，在系统变量中增加一个变量为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