关于 Flutter 的安装和环境配置

345 阅读1分钟

我正在参加跨端技术专题征文活动,详情查看:juejin.cn/post/710123…

操作系统的选择

  • Flutter 可以安装在多个系统,如Windows、macOS、Linux、ChromeOS
  • 为了方便对 iOS 和 Android 的调试,推荐使用 macOS 系统

安装 Flutter SDK

  • 下载 Flutter SDK

    Flutter 官网 可以选择对应的操作系统和稳定的 Flutter 版本,最新的目前是 V3.0.1

    截屏2022-05-27 下午10.39.17.png

  • 安装 Flutter SDK

    • 选择一个自己想要的安装文件夹,将下载的 Flutter SDK 解压到该目录中
    • 配置 Flutter 的环境变量
      • 在将来的开发中,需要通过命令行来执行 Flutter 命令,所以需要在 macOS 系统中配置环境变量,通过指令 open .bash_profile 编辑 bash_profile 文件

        export FLUTTER_HOME=/Users/soso/flutterSDK/flutter
        export PATH=$PATH:$FLUTTER_HOME/bin
        

        其中:FLUTTER_HOME 的 /Users/soso/flutterSDK/flutter 是我本地的 Flutter 解压后的路径

      • 配置镜像

        Flutter 项目会依赖一些东西,在国内下载这些依赖会慢一些,所以可以将它们的安装源换成国内的

        export PUB_HOSTED_URL=https://pub.flutter-io.cn
        export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
        
  • 通过指令 flutter --version查看 flutter 版本信息,如果有内容,说明安装成功

    截屏2022-05-28 上午1.52.27.png

配置 iOS 环境

  • 下载并安装

    在 App Store 上下载安装 Xcode 即可

  • iOS 模拟器

    不需要额外添加模拟器,已集成在 Xcode 中,通过以下步骤即可打开

    Snip20220528_1.png

配置 Android 环境

检查配置环境是否有问题

在终端执行命令 flutter doctor,来检查环境配置是否完成

截屏2022-05-28 上午9.48.44.png