一、下载及安装Flutter
-
进入Flutter官网,选择macOS平台
-
点击flutter_macos_2.5.3_stable.zip进行下载最新稳定版
Flutter官网下载地址:
https://flutter.dev/docs/get-started/install/macos
Flutter 中文网:
https://flutterchina.club
-
下载完成后,那么接下来就是安装路径了。因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量,所以建议你安装到你平时放命令行工具程序的地方!我这里放在了家目录下~/flutter
二、配置镜像和环境变量
在家目录下进行配置环境
旧系统:~/.bash_profile
新系统:~/.zshrc
# 配置Flutter环境变量
export FLUTTER=~/flutter
export PATH=$FLUTTER/bin:$PATH
# 配置Flutter镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
载入配置的环境变量
$ source ~/.zshrc
若在 bash_profile 配置的则用
$ source ~/.bash_profile
三、检测Flutter
使用 flutter doctor 或 flutter --version 检测是否成功。
四、配置Android环境
- 安装Android Studio
官网下载:https://developer.android.google.cn/studio
- 根据安装向导,我们需要安装以下工具及SDK,安装过程不需要梯子
- Android SDK
- Android SDK Command- -line Tools
- and Android SDK Build- -Tools
我们也可以进入偏好设置进行设置,使用快捷键Command + ,如下图安装
-
给Android Studio安装Flutter插件,当跳出安装Dart插件的界面时,也点击Install进行安装。
安装完成后重启Android Studio 就可以看到有这样的界面
- 解决JDK的问题
cd/Applications/Android\Studio.app/Contents/jre
ln-s../jrejdk
ln-s"/Library/InternetPlug-Ins/JavaAppletPlugin.plugin"jdk
flutter doctor -v
- 解决Android许可证的问题
flutter doctor --android-licenses
解决Gradle卡死的问题
在首次运行的时候,会发现卡在这不动了。原因是Gradle的Maven仓库在国....这个嘛~
Running Gradle task 'assembleDebug'...
修改项目下的build.gradle文件
文件路径:
修改内容: 找到项目--> Android -- >build.gradle文件buildscript 和 allprojects 将里面的google() 和 mavenCentral()
修改为以下代码
maven{url'https://maven.aliyun.com/repository/google'}
maven{url'https://maven.aliyun.com/repository/jcenter'}
maven{url'http://maven.aliyun.com/nexus/content/groups/public'}
如下图所示
- 修改Flutter安装目录中的flutter.gradle 找到flutter/packages/flutter_tools/gradle/flutter.gradle 加入阿里镜像
buildscript {
repositories {
// google()
// jcenter()
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
dependencies {
classpath 'com.android.tools.build:gradle:3.5.0'
}
}
}