likes
comments
collection
share

Flutter安装

作者站长头像
站长
· 阅读数 7

1、Flutter的下载

1.1、官网下载SDK

1.1.1、选择系统

Flutter安装

1.1.2、进入下载链接

Flutter安装

1.1.3、点击下载最新zip包

Flutter安装

1.1.4、下载后自动解压成一个名为“Flutter”的文件夹，接下来就是安装路径了

  • 因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量，所以建议你安装到你平时放命令行工具程序的地方!这里有常用的两个位置，一个是家目录：（如果没有可在偏好设置中设置显示）~/flutter：

    Flutter安装

另一个是/opt目录（隐藏文件，command + shift + .设置显示）：

Flutter安装 将解压的Flutter文件夹拷贝进去

比较两种目录
  • 家目录下适合一个人自己开发，没有麻烦的权限问题，/opt目录适合一电脑多用户使用，切换不同用户都能访问

1.2环境配置

  • flutter 运行的时候, 需要去官方下载所需的资源, 那么没有梯子(翻墙)的小伙伴会需要镜像服务器（将国外资源放到国内服务器），不然下载会很慢
1.2.1、查看Shell环境
  • $ echo $SHELL
    Flutter安装
1.2.2、来到你对应 shell 的配置文件进行配置
  • bash环境：~/.bash_profile
  • zsh（Mac新系统默认是zsh）：~/.zshrc
  • 如果出现zsh: permission denied问题，先执行chmod +x ~/.zshrc赋予权限
1.2.3、配置镜像
  • 如果不配置则会访问到默认的地址 
    # Flutter镜像配置 
export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
1.2.4、配置Flutter环境变量
  • 把 Flutter 命令行工具的路径配置一下, 还是在上一步shell对应的配置文件中.(关闭终端后再打开，操作flutter会出现：command not found: flutter再执行这个步骤就可以再找到flutter了) 
    # Flutter 配置 
export FLUTTER=/opt/flutter/bin 
export PATH=$FLUTTER:$PATH
  • 配置完成后, 保存并关闭配置文件, 在终端执行下面的命令, 加载刚才的配置, 使其生效.如果你是 bash 环境, 就换成 bash 的配置文件即可.
  • source ~/.zshrc

2、安装Android Studio

2.1、去官网下载

2.2、配置SDK

  • command + ,可以进入偏好设置 Flutter安装

2.3、安装AS插件

  • 插件库下载Flutter，安装中顺带安装Dart Flutter安装

2.4、解决许可证问题

  • $ flutter doctor --android-licenses

2.5、flutter doctor检测flutter环境是否通过

  • $ flutter doctor
  • 接下来可能会出现一些问题：
2.5.1、cmdline-tools component is missing

Flutter安装

  • 解决方案：(可以进这个路径看看都有啥)
  • /Users/用户名/Library/Android/sdk/tools/bin/sdkmanager --install "cmdline-tools;latest"
2.5.2、Android SDK not found at this location.

Flutter安装

  • 解决方案：在 Android Studio 中找到路径, 将 SDK 路径配置到 flutter 就可以了, 然后再执行解决许可证的问题步骤$ flutter doctor --android-licenses.
  • $ flutter config --android-sdk /Users/用户名/Library/Android/sdk
    Flutter安装
2.5.3、Unable to locate Android SDK

Flutter安装

  • 解决方案：同2.5.2

2.6、安装夜神模拟器

  • 安装完就能看到了 Flutter安装

2.7、解决 Gradle 卡住问题

  • 在首次运行的时候, 你会发现卡在如下的地方了, 原因是Gradle的Maven仓库在国外，卡在这句：
  • Running Gradle task 'assembleDebug'
  • 解决方案：修改项目下的build.gradle文件和flutter 安装目录中的 flutter.gradle 文件
    • build.gradle:
      • 文件路径:项目 -> Android -> build.gradle
      • 修改内容: 找到buildscript 和 allprojects, 将里边 google() 和 jcenter()(新版本是 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:
      • 文件路径:/opt/flutter/packages/flutter_tools/gradle/flutter.gradle
      • 修改内容:buildscript 加入阿里镜像 Flutter安装

2.8、Unable to find bundled Java version

  • 如果在安装或者升级过程中遇到 Unable to find bundled Java version 的问题, 首先要检查你的 Mac 是否已经安装了 java 环境, 如果没有请先安装, 如果已经安装了, 还报如下错误, 很大可能是 Android Studio 和 flutter 版本不匹配问题