Skip to content

Mac 版

安装 Fluter SDK

  1. 下载 Flutter SDK

  2. 解压后放入用户目录 thell:/Users/thell/flutter

  3. 打开终端,输入:

    bash
    vim ~/.bash_profile
  4. 添加环境变量

    bash
    export PATH=/Users/thell/flutter/bin:$PATH
    source ~/.bash_profile
  5. 查看配置是否成功

    bash
    flutter -h
  6. 允许协议

    bash
    flutter doctor --android-licenses
  7. 出现以下提示就是成功

    dart
    thell@hailongdeMacBook-Air ~ % flutter doctor
    Doctor summary (to see all details, run flutter doctor -v):
    [✓] Flutter (Channel stable, 2.2.3, on macOS 11.4 20F71 darwin-arm, locale zh-Hans-CN)
    [✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
    [✓] Xcode - develop for iOS and macOS
    [✓] Chrome - develop for the web
    [✓] Android Studio (version 4.2)
    [✓] VS Code (version 1.58.2)
    [✓] Connected device (1 available)

安装 Android Studio 及 SDK,AVD

创建 Flutter 命令

dart
flutter create xxxx(项目名称)

Unable to locate adb

  • 报错是 x 项目的 SDK 没有设置,能打开虚拟机,但是每次打开报错,在项目的 adv 也没有虚拟机打开选项
    1. 在 android studio File=>Project Structure=>Project=>Project SDK=>打开创建的虚拟机目录即可

错误信息

bash
Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are

在 SDK 安装 Tools 下安装

bash
cmdline-tools

Windows

安装 Flutter SDK

本次安装的是Flutter3.22.2,android-studio版本是:android-studio-2024.1.1.11-windows.exe

image-20240710122522388

Windows官网

Mac官方

  1. 获取 Flutter SDK

    Windows官网

    Mac官方

  2. windows 环境变量添加

    window+R输入:sysdm.cpl找到高级环境变量->系统变量->

    我的flutter-SDK放在D:\flutter\bin,换将变量添加如下命令->新建->添加复制的路径

bash
D:\flutter\bin

image-20240710122556454

image-20240710122725329

image-20240710122812449

安装 java SE

下载地址

检测 java 是否安装,cmd 输入 java 出现以下提示表示安装成功

C:\Users\Administrator>java

bash
用法: java [-options] class [args...]
           (执行类)
  java [-options] -jar jarfile [args...]
           (执行 jar 文件)
其中选项包括:
    -d32          使用 32 位数据模型 (如果可用)
    -d64          使用 64 位数据模型 (如果可用)
    -server       选择 "server" VM
                  默认 VM server.

    -cp <目录和 zip/jar 文件的类搜索路>
    -classpath <目录和 zip/jar 文件的类搜索路>
 ; 分隔的目录, JAR 档案
 ZIP 档案列表, 用于搜索类文件。
    -D<名称>=<值>
                  设置系统属性
    -verbose:[class|gc|jni]
                  启用详细输出
    -version      输出产品版本并退出
    -version:<值>
                  警告: 此功能已过时, 将在
                  未来发行版中删除。
                  需要指定的版本才能运行
    -showversion  输出产品版本并继续
    -jre-restrict-search | -no-jre-restrict-search
                  警告: 此功能已过时, 将在
                  未来发行版中删除。
                  在版本搜索中包括/排除用户专用 JRE
    -? -help      输出此帮助消息
    -X            输出非标准选项的帮助
    -ea[:<packagename>...|:<classname>]
    -enableassertions[:<packagename>...|:<classname>]
                  按指定的粒度启用断言
    -da[:<packagename>...|:<classname>]
    -disableassertions[:<packagename>...|:<classname>]
                  禁用具有指定粒度的断言
    -esa | -enablesystemassertions
                  启用系统断言
    -dsa | -disablesystemassertions
                  禁用系统断言
    -agentlib:<libname>[=<选项>]
                  加载本机代理库 <libname>, 例如 -agentlib:hprof
                  另请参阅 -agentlib:jdwp=help -agentlib:hprof=help
    -agentpath:<pathname>[=<选项>]
                  按完整路径名加载本机代理库
    -javaagent:<jarpath>[=<选项>]
                  加载 Java 编程语言代理, 请参阅 java.lang.instrument
    -splash:<imagepath>
                  使用指定的图像显示启动屏幕
有关详细信息, 请参阅 http://www.oracle.com/technetwork/java/javase/documentation/index.html。

安装 Android Studio

下载地址

  • 安装 SDK,安装前关闭所有杀毒软件,360 和管家

    必装几个 sdk:

    1. Android14,安装后核对是否为 x64:Google APls Intel x86 Atom_64 System lmage

    2. Android SDK Build-Tools 35

      需要安装35.0.0、35.0.0-rc4、30.0.3才可以

    3. Android Emulator、Android Emulator hypervisor driver

    4. lntel x86 Emulator Accelerator (HAXM installer)

    5. Android SDK Platform-Tools

    6. Google USB Driver

    7. Android SDK Command-line Tools 13.0 安装最新的即可

    8. Sources for Android 35

    9. Intel x86 Emulator Accelerator(HAXM installer)

  • 安装 flutter 插件

    image-20240710122924240

image-20240710122952803

安装 Android 证书

bash
flutter doctor --android-licenses #全部算则Y

进行 Flutter doctor 检测环境

  • 按 windows 键+R,打开运行,输入: cmd 回车 输入 flutter doctor

    注意:

    Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。找到flutter存放路径flutter- > bin-> cache- > lockfile删除lockfile文件

bash
C:\Users\Administrator>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.2.3, on Microsoft Windows [Version 10.0.19042.1110],
    locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[√] Chrome - develop for the web
[!] Android Studio (not installed)
[√] VS Code (version 1.59.0)
[√] Connected device (3 available)

! Doctor found issues in 1 category.

Vscode 运行 Flutter

  1. 新建 bat 文件输入:

    C:\Android\AndroidSDK\emulator\emulator.exe -netdelay none -netspeed full -avd Pixel4XLAPI30 Pixel4XLAPI30Andorid StudioAVD名称

  2. Vscode 安装 Flutter 插件

  3. 打开项目运行 Flutter run 即可在模拟器打开

  4. 按 F5 实现热更新

设置模拟器

配置sdk路径

添加 ANDROID_HOME 变量:

  • 在“系统变量”部分,点击“新建”按钮。
  • 在“变量名”字段中输入 ANDROID_HOME
  • 在“变量值”字段中输入 C:\Users\thell\AppData\Local\Android\Sdk
  • 点击“确定”保存。

更新 PATH 变量:

  • 在“系统变量”部分,找到并选择 Path 变量,然后点击“编辑”按钮。

  • 在“编辑环境变量”窗口中,点击“新建”按钮,然后添加以下路径:

    perlCopy code%ANDROID_HOME%\platform-tools
    %ANDROID_HOME%\tools
    %ANDROID_HOME%\tools\bin
  • 点击“确定”保存所有更改。

配置模拟器

打开 VS Code 的命令面板(按 Ctrl + Shift + P),输入 Flutter: Launch Emulator 并选择你刚刚创建的模拟器。

命令行配置

ba
flutter emulators
flutter emulators --launch <emulator_id>
flutter devices
flutter run

问题处理

bash
Could not locate aapt. Please ensure you have the Android buildtools install

此问题需要安装

Android SDK Build-Tools 35、35.0.0-rc4、30.0.3三个才可以

gradle报销

查看android下的gradle/wrapper中的gradle-wrapper.properties

bash
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip

手机下载https\://services.gradle.org/distributions/gradle-7.6.3-all.zip,把\去掉直接输入到浏览器下载

在用户名下的.gradle中找到wrapper

image-20240710123746026

下载好后解压到相应版本的目录下

image-20240710123835813

手动复制.zip.lck文件更名为.zip.ok重新运行项目即可