一、下载及安装Flutter
-
进入Flutter官网，选择macOS平台
16351256709212.jpg
-
点击flutter_macos_2.5.3_stable.zip进行下载最新稳定版
16351259067345.jpg
Flutter官网下载地址：
https://flutter.dev/docs/get-started/install/macos
Flutter 中文网：
https://flutterchina.club
-
下载完成后，那么接下来就是安装路径了。因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量，所以建议你安装到你平时放命令行工具程序的地方！我这里放在了家目录下~/flutter
16349753472792.jpg
二、配置镜像和环境变量
在家目录下进行配置环境
旧系统：~/.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 检测是否成功。
16349768040129.jpg
四、配置Android环境
- 安装Android Studio
官网下载：https://developer.android.google.cn/studio
16349771930811.jpg
- 根据安装向导，我们需要安装以下工具及SDK，安装过程不需要梯子
- Android SDK
- Android SDK Command- -line Tools
- and Android SDK Build- -Tools
我们也可以进入偏好设置进行设置，使用快捷键Command + ,如下图安装
16349776095419.jpg
-
给Android Studio安装Flutter插件，当跳出安装Dart插件的界面时，也点击Install进行安装。
16349777021677.jpg
安装完成后重启Android Studio 就可以看到有这样的界面
16349778892082.jpg
- 解决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'}
如下图所示
16349790181387.jpg
- 修改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'
}
}
}
16349799411224.jpg
网友评论