Flutter安装

2021-10-26 10:09:51 浏览数 (1)

Flutter的下载

  • 我们使用AS进行配置，Flutter官网
1.1、官网下载SDK
1.1.1、选择系统
1.1.2、进入下载链接
1.1.3、点击下载最新zip包
1.1.4、下载后自动解压成一个名为“Flutter”的文件夹，接下来就是安装路径了
  • 因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量，所以建议你安装到你平时放命令行工具程序的地方!这里有常用的两个位置，一个是家目录：（如果没有可在偏好设置中设置显示）~/flutter：

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

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

比较两种目录
  • 家目录下适合一个人自己开发，没有麻烦的权限问题，/opt目录适合一电脑多用户使用，切换不同用户都能访问
1.2环境配置
  • flutter 运行的时候, 需要去官方下载所需的资源, 小伙伴会需要镜像服务器（将国外资源放到国内服务器），不然下载会很慢
1.2.1、查看Shell环境
  • $ echo $SHELL 复制代码
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 ,可以进入偏好设置
2.3、安装AS插件
  • 插件库下载Flutter，安装中顺带安装Dart
2.4、解决许可证问题
  • $ flutter doctor --android-licenses
2.5、flutter doctor检测flutter环境是否通过
  • $ flutter doctor 复制代码
  • 接下来可能会出现一些问题：
2.5.1、cmdline-tools component is missing
  • 解决方案：(可以进这个路径看看都有啥)
  • /Users/用户名/Library/Android/sdk/tools/bin/sdkmanager --install "cmdline-tools;latest" 复制代码
2.5.2、Android SDK not found at this location.
  • 解决方案：在 Android Studio 中找到路径, 将 SDK 路径配置到 flutter 就可以了, 然后再执行解决许可证的问题步骤$ flutter doctor --android-licenses.
  • $ flutter config --android-sdk /Users/用户名/Library/Android/sdk 复制代码
2.5.3、Unable to locate Android SDK
  • 解决方案：同2.5.2
2.6、安装夜神模拟器
  • 安装完就能看到了
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.gradle:
      • 文件路径:/opt/flutter/packages/flutter_tools/gradle/flutter.gradle
      • 修改内容:buildscript 加入阿里镜像
2.8、Unable to find bundled Java version
  • 如果在安装或者升级过程中遇到 Unable to find bundled Java version 的问题, 首先要检查你的 Mac 是否已经安装了 java 环境, 如果没有请先安装, 如果已经安装了, 还报如下错误, 很大可能是 Android Studio 和 flutter 版本不匹配问题
ios flutter bash bash指令

0 人点赞