前言
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
2export 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
20repositories {
// 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的权限