Flutter安装 MacOS Android平台 安装配置步骤

551 阅读1分钟

Flutter sdk 安装要求:

Mac版本:MacOS Catalina 10.15.3 (19D76)

Java版本:检测java版本如果低于1.8或者没有java环境请前往官网下载

Android API:  Android 设备上运行或测试 Flutter 应用之前,你需要一个运行 Android 4.1(API 版本 16)或者更高的设备。

Flutter 官方安装步骤

flutterchina.club/setup-macos…

flutter.cn/docs/get-st…

Flutter 实操安装步骤

一、下载Flutter SDK

1.下载

方式一、通过该链接 直接下载 sdk的压缩包

docs.flutter.dev/development…

方式二、通过githup 把flutter 代码库clone下来

github.com/flutter/flu…

2.配置Flutter Path 例:

A.首先找到.bash_profile文件,配置以下:

export ANDROID_HOME="/Users/survivors/Library/Android/sdk"

export PATH=PATH:{PATH}:{ANDROID_HOME}/tools:$ANDROID_HOME/platform-tools

export PATH=/Users/xxxxx/Development/flutter/bin:$PATH

export PUB_HOSTED_URL=pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn

如图:

1111.png

B.配置完.bash_profile文件后保存 并在命令窗口运行

source ~/bash_profile

flutter doctor

运行后得到如下图的结果后,说明已成功安装flutter sdk

WX20230713-133759.png

安装成功后还需要运行 flutter doctor --android-licenses

3333.png

二、AndroidStudio 配置flutter 运行环境

A.File > Settings > Plugins  打开插件安装页面

1.安装dart 插件

2.安装flutter插件

3.安装完成后按提示重启IDE即可

如下图:

4444.png

5555.png

B.插件安装完成后,重启Android Studio新建项目会发现增加了创建Flutter项目的选项。

WX20230713-135323.png

C.Android studio新建flutter项目

WX20230713-134337.png

WX20230713-134529.png

WX20230713-135030.png

运行到Android 设备上效果:

10000.png