2025-05-16
Flutter
00

目录

一、安装环境
1.Flutter SDK下载
2.Flutter SDK 的安装
3.配置环境变量
4.检查Flutter所需开发环境是否完整
5.安装并配置Android Studio
5.1 下载Android Studio
5.2 安装Android Studio
5.3 配置Android SDK
5.4 安装flutter插件
6.解决Cannot find Chrome
7.解决Visual Studio not installed
配置storage和maven国内镜像源
1.在系统环境变量中添加配置storage的国内镜像源
2.配置maven国内镜像源

一、安装环境

1.Flutter SDK下载

中国环境下载

官网下载

选择版本进行下载,由于Dart 3.7.0更改了代码格式化方式,所以博主下载的是Flutter 3.27.4

image.png

2.Flutter SDK 的安装

在电脑中选择合适的位置,把压缩包的flutter目录解压出来,解压完成即安装完成

对SDK的根目录添加版本,以便不同版本的区分

image.png

3.配置环境变量

环境变量

我的电脑 -> 鼠标右键 -> 属性 -> 高级系统设置 -> 环境变量 -> 系统变量 -> Path -> 新建

Flutter SDK中的bin目录添加到系统环境变量中,以便其中的可执行文件在任何位置都可以执行

  • flutter.bat:执行flutter相关命令
  • dart.bat:执行dart相关命令

image.png

检查是否安装成功,如下图输出版本号即为安装配置成功

image.png

4.检查Flutter所需开发环境是否完整

环境变量配置完成后,使用下面的命令查看开发环境是否完整,结果中带X的需要配置

bash
flutter doctor

image.png

5.安装并配置Android Studio

image.png

5.1 下载Android Studio

下载Android Studio

5.2 安装Android Studio

按步骤下一步即可

5.3 配置Android SDK

安装完成打开Android Studio

image.png

image.png

image.png

image.png

image.png

image.png

在安装完成之后,进入Android Studio的设置界面,选择Languages&Frameworks,然后选择Android SDK,在该设置项中可以下载其他版本的Android SDKSDK Tools,选择SDK Tools,勾选Android SDK Command-line Tools (latest),然后点击Apply

image.png

image.png

image.png

下载完成后点击finish,然后点击OK退出设置界面,运行flutter doctor

注意

如果在安装Android Studio时,修改了SDK的存放位置,那么仍然会报错Unable to locate Android SDK.,可以参考 Flutter 在安装 Android Studio 并下载 Android SDK Command-line Tools (latest) 后依旧 Android toolchain Unable to locate Android SDK

image.png 此时出现一个警告:Some Android licenses not accepted.

解决此问题只需要执行flutter doctor --android-licenses,然后一直y即可

image.png

image.png

5.4 安装flutter插件

image.png

6.解决Cannot find Chrome

下载谷歌浏览器

image.png 等待安装完成,执行flutter doctor

image.png

7.解决Visual Studio not installed

下载Visual Studio

下载社区版即可

下载安装完成后,在工作负荷界面勾选使用 C++ 的桌面开发,在安装位置界面,根据需要选择是否修改IDE、缓存、SDK的存放路径,取消勾选安装后保留下载缓存,然后点击安装,等待下载安装完成,然后点击确定

image.png

image.png

image.png

image.png

运行flutter doctor

image.png

配置storagemaven国内镜像源

1.在系统环境变量中添加配置storage的国内镜像源

解决 A cryptographic error occurred while checking “https://storage.googleapis.com/”: Connection terminated during handshake

txt
变量名: FLUTTER_STORAGE_BASE_URL 变量值: https://storage.flutter-io.cn

image.png

重新打开命令行窗口,执行flutter doctor

2.配置maven国内镜像源

解决 X Anetwork error occurredwhilechecking"https://maven.google.com/":信号灯超时时间已到

在flutter安装目录flutter3.27.4\packages\flutter_tools\lib\src下的http_host_validator.dart文件中,找到const String kMaven = 'https://maven.google.com/';行,改成国内镜像源

dart
const String kMaven = 'https://maven.aliyun.com/repository/google/';

image.png

运行flutter doctor

image.png

到此Flutter的开发环境搭建完成

本文作者:哈希喵

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!