【Flutter 3.13.5】开发环境搭建

Flutter 学习记录,开发环境配置。

系统配置

  • win10 以上
  • Git for Windows 2.x

获取 Flutter SDK

从官方文档下载

环境变量配置

  • 解压上一步获取的 SDK 至硬盘,如:E:\FlutterFiles\flutter_3.13.5
  • 配置环境变量,用户环境 Path 中添加 E:\FlutterFiles\flutter_3.13.5\bin
  • 检查配置 CMD 中执行 where flutter dart ,如图1-1所示检查配置
    图1-1 检查配置

修改 Flutter 配置

通常这一步我们会执行 flutter doctor,但我在配置过程中发现,由于国内部分条件受限,先修改配置后再执行比较省事。

  • marven 更换国内源
    • 打开flutter根目录, 如:E:\FlutterFiles\flutter_3.13.5
    • 根目录下打开文件 packages/flutter_tools/lib/src/http_host_validator.dart
    • 找到这一行 const String kMaven = 'https://maven.google.com/';,变更为国内源(我选用阿里源),变更后为:const String kMaven = 'http://maven.aliyun.com/nexus/content/groups/public/';
    • 删除 E:\FlutterFiles\flutter_3.13.5\bin\cache
  • github ,试试浏览器能否访问 github
    • 如果可以, CMD 执行 flutter doctor
    • 如果不能,建议调整 DNS 解析
      • 打开站长工具 https://tool.chinaz.com/dns/

      • 在A类型的查询中输入 http://github.com,获取 TTL 值最小的IP,如图 1-2 所示
        在这里插入图片描述

        图1-2 获取 github.com IP

      • 在A类型的查询中输入 github.global.ssl.fastly.net,获取 TTL 值最小的IP,如图 1-3 所示在这里插入图片描述

        图1-3 获取 github.global.ssl.fastly.net IP

      • 修改 host 文件,使用 VSCode 编辑器打开 C:\Windows\System32\Drivers\etc\hosts,尾部追加 20.205.243.166 github.com31.13.67.33 github.global.ssl.fastly.net ,IP 请使用自己查询的,防止失效,如图 1-4 所示
        在这里插入图片描述

        图1-4 修改 hosts 文件

安装 Android Studio

Android Studio 下载
我安装的版本是 2022.3.1,如图 1-5 所示
在这里插入图片描述

图1-5 Android Studio 2022.3.1

安装插件 FlutterDart,安装完成后,如图 1-6 所示
在这里插入图片描述

图1-6 Android Studio Setting 插件安装

继续在 setting 中查找 SDK,添加 SDK 工具 cmdline ToolsGoogle USB Driver,前者是 Flutter 使用需要(图中第一个红框),后者是真机调试时的驱动(图中第二个红框),如图 1-7 所示
在这里插入图片描述

图1-7 Android Studio Setting SDK Tools

同意 Android 协议

在使用 Flutter 前,你必须同意 Android SDK 平台的协议。

CMD 执行 flutter doctor --android-licenses

仔细阅读每条协议后同意。

运行 flutter doctor

CMD 执行 flutter doctor,如图 1-8 所示
在这里插入图片描述

图1-8 CMD 中执行 flutter doctor

检查 Flutter 配置是否完成,如果没有配置好,请逐条检查,图 1-8 中,我没有安装 Visual Studio ,检查时抛出的错误。

如果提示 sdkmanager 类似的问题,并提示需要 cmdline Tools 请查阅上一步 SDK Tools 中安装 cmdline Tools

官方文档

官方文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值