一 Flutter的下载和安装(Mac)
2019-07-26 本文已影响0人
王俏
1.到网站下载flutte SDK:
2.将下载的文件夹放到 应用程序 目录下
- 没有梯子的需要配置镜像
镜像配置
3.终端下配置系统环境变量和镜像
- 使用默认的bash那么配置 ~/.bash_profile
- 使用zsh(Mac新系统默认是zsh)那么配置~/.zshrc
4.在终端配置
#Flutter 镜像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
source ~/.bash_profile
#Flutter 环境变量配置
$ export FLUTTER=/Applications/flutter/bin
$ export PATH=$FLUTTER:$PATH
配置完成后,重新打开终端或者输入命令载入配置
source ~/.bash_profile
5. 终端输入命令查看
flutter doctor
6.vs code 安装Flutter 扩展
7.安装Android Studio
-
7.1 下载地址
-
7.2 安装SDK和工具
启动会提醒安装SDK,安装过程无需翻墙。但是有一个工具是需要手动安装,这一步忽略,在后面 flutter doctor 会发现许可证问题。然后还会提示升级SDK打开Android Studio,CMD + , 进入偏好设置
如下图安装:
Android偏好配置
- 7.3 安装Android Studio的插件
- 7.4 许可证问题
flutter doctor --android-licenses
- 7.5 Gradle卡住问题
Running Gradle task 'assembleDebug'...
- 修改项目下的 build.gradle文件
文件路径:项目 --> Android -->build.gradle 文件
修改内容:找到buildscript 和allprojects 将里面的:
buildscript {
repositories {
maven { url "[https://maven.aliyun.com/repository/google](https://maven.aliyun.com/repository/google)" }
maven { url "[https://maven.aliyun.com/repository/jcenter](https://maven.aliyun.com/repository/jcenter)" }
maven { url "[http://maven.aliyun.com/nexus/content/groups/public](http://maven.aliyun.com/nexus/content/groups/public)"}
// google()
// jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.2.0'
}
}
- 修改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.2.0'
}
}