白筱汐

想都是问题,做都是答案

0%

flutter环境配置

前言

flutter是谷歌开发的一款跨平台开发框架,一般用于开发ios、安卓应用。众所周知,开发ios应用需要mac,所以本文只介绍mac配置flutter开发环境的配置。version:3.16.5

安装sdk

  • 去flutter中文网查看教程 中文网
  • 如果你要在 Apple 芯片的 Mac 电脑 上使用,你还需要安装 Rosetta 2 环境因为 一些辅助工具 仍然需要,你可以通过手动运行下面的命令来安装
    1
    sudo softwareupdate --install-rosetta --agree-to-license
  • 下载mac上需要的flutter-sdk 下载地址
  • 将文件解压到目标路径 ${pwd} (我的放在这里 “/Users/用户名/Documents”)
  • 配置flutter环境变量
    1
    export PATH="$PATH:`pwd`/flutter/bin"
  • 设置国内镜像
    1
    2
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置ios平台

  • 更新Xcode开发环境为最新版
  • 同意Xcode的许可协议
    1
    sudo xcodebuild --license
  • 安装ios第三方依赖管理工具
    1
    brew install cocoapods
  • 更新工具
    1
    brew upgrade cocoapods
  • 开启ios模拟器
    1
    open -a Simulator

配置安卓平台

  • 安装jdk11 下载地址 请选择系统对应的版本
  • 下载或者更新 gradle (Gradle 是一种构建自动化工具,用于在 Android 开发中构建和管理项目)
    1
    brew install gradle
  • 下载android stdudio 下载地址,在 android stdudio 内下载对应版本的 android13 sdk (安卓手机版本,这样才能进行真机调试)
  • 同意 Android 协议
    1
    flutter doctor --android-licenses
  • 找到文件夹 /Users/用户名/Documents/flutter/packages/flutter_tools/gradle/src/main/groovy/flutter.groovy(你的flutter安装目录下的packages/flutter_tools/gradle)
  • 修改下面的 flutter.gradle 文件
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    // private static final String DEFAULT_MAVEN_HOST = "https://storage.googleapis.com";
    private static final String DEFAULT_MAVEN_HOST = "https://storage.flutter-io.cn";

    // buildscript -> repositories 修改为
    ...

    // google()
    // mavenCentral()
    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
  • 修改下面的 resolve_dependencies.gradle 文件
    1
    2
    // String storageUrl = System.getenv('FLUTTER_STORAGE_BASE_URL') ?: "https://storage.googleapis.com"
    String storageUrl = System.getenv('FLUTTER_STORAGE_BASE_URL') ?: "https://storage.flutter-io.cn"

vscode配置

  • vscode安装 Flutter 和 Dart 拓展
  • 查看->命令面包->Flutter:New Project 创建新项目
  • 修改新建项目包中的 android/gradle/build.gradle 文件
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    repositories {
    // google()
    // mavenCentral()

    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
    }

    ...

    allprojects {
    repositories {
    // google()
    // mavenCentral()
    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }
    }
    }
  • 开启模拟器或者使用真机调试
  • 运行 flutter doctor,检查是否有问题
  • flutter run 运行项目,(F5 debug运行)
  • 安卓手机需要开启真机调试模式,允许系统安装app的权限