Mac 平台 flutter 开发环境安装

项目不忙的时候 自己在mac 平台下 搭建了一下flutter ,记录了一下操作的过程,如有遗漏,没有考虑到的地方,敬请指正。

一、系统要求

macOs 64-bit

 

二、获取Flutter SDK

https://github.com/flutter/flutter.git

1、/Users/yanxun/Flutter/development/ 新建一个目录用于安装

2、进入development 目录 cd ~/ Flutter/development/

3、git clone https://github.com/flutter/flutter.git

4、解压下载的压缩包 unzip flutter.zip

5、命令行窗口设置PATH环境变量

source .bash_profile

6、echo $PATH 输出环境变量 验证环境变量是否设置成功

7、运行flutter doctor 检查是否需要安装其他依赖来完成安装

下面是需要安装的工具以及插件

三、IOS 设置

1、安装Xcode 7.2或更新版本

配置Xcode命令行工具以使用新安装的Xcode版本

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 

确保Xcode许可协议是通过打开一次Xcode或通过命令

sudo xcodebuild -license同意过了.

使用Xcode,您可以在iOS设备或模拟器上运行Flutter应用程序。

设置IOS模拟器 测试可以打开模拟器

open –a Simulator

 

2、安装到iOS设备

要将您的Flutter应用安装到iOS真机设备,您需要一些额外的工具和一个Apple帐户,您还需要在Xcode中进行设置。

安装 homebrew (如果已经安装了brew,跳过此步骤).

打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具

下面命令耗时比较长

brew update

brew install --HEAD libimobiledevice

brew install ideviceinstaller ios-deploy cocoapods

pod setup

3、 创建flutter 应用 flutter create test_app

4、修改lib目录下main.dart文件内容

修改代码 导入 基础库

设置默认debug 为ios

 

5、运行启动您的应用程序 flutter run

 

下面是模拟器运行的

 

四、Android设置

1、安装Android Studio

下载并安装 Android Studio.

 

打开Android Studio , 设置 ANDROID_HOME 环境变量 为

ANDROID_HOME 环境变量设置为SDK安装目录

 

 

2、设置您的Android设备

要准备在Android设备上运行并测试您的Flutter应用,您需要安装Android 4.1或更高版本的Android设备.

在您的设备上启用 开发人员选项 和 USB调试 。

使用USB将手机插入电脑,授权您的计算机访问您的设备。

 

在终端中,运行 flutter devices 命令以验证Flutter识别您连接的Android设备。

运行启动您的应用程序 flutter run,多个设备连接的话,要指定设备号

 

3、设置Android模拟器

要准备在Android模拟器上运行并测试您的Flutter应用,请按照以下步骤操作:

启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

选择一个设备并选择 Next

为要模拟的Android版本选择一个或多个系统映像,然后选择 Next. 建议使用 x86 或 x86_64 image .

在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用 硬件加速.

验证AVD配置是否正确,然后选择 Finish。
有关上述步骤的详细信息,请参阅 Managing AVDs.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值