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 文件

// 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 文件

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的权限