Mac下flutter环境搭建

Mac下flutter环境搭建

一、下载flutter

1、通过flutter官网下载稳定版flutter:https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.5.4-hotfix.2-stable.zip
2、将下载好的文件拷贝到指定的位置。
3、设置相关环境变量。
将flutter指定的位置,例如:/Users/liuxw/flutter/bin配置到.bash_profile文件夹下,后面会给出示例。运行flutter doctor查看是否配置正确。

二、Android Studio的安装和配置

1、下载mac版本的andriod studio:https://dl.google.com/dl/android/studio/install/3.4.1.0/android-studio-ide-183.5522156-mac.dmg
2、安装和配置
安装完成后需要记录sdk的保存位置,将sdk的位置保存到环境变量中。相关配置同:https://blog.csdn.net/lxw983520/article/details/90403986

三、Xcode的安装

在mac中需要安装xcode才能进行flutter的开发,这比win10的环境多了一个步骤,并且现在下载Xcode需要更新最新的系统,否则会不支持下载。下载完成后有助于调试ios开发。
安装方法:通过appStore获取安装。

四、环境变量配置

vim .bash_profile

整体文件配置信息如下:

export PATH=/Users/liuxw/flutter/bin:$PATH							//主要配置flutter路径
export ANDROID_HOME="/Users/linuxw/Library/Android/sdk"     //配置AndroidSdk的路径
export PATH=${PATH}:${ANDROID_HOME}/tools							//配置avd相关
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn							//配置flutter国内环境变量
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

运行flutter doctor
flutter doctor
如图会有很多错误信息,这时候需要一个个进行安装和更新。
1、首先要安装brewHome:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2、打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具。

brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup

如图,执行以下操作即可:
安装相关软件
3、安装ios相关设备依赖。
ios相关配置
4、安装pod,不然在xcode下无法运行。
ios相关配置

安装这些需要一些时间,需要耐心等待安装完成,可以先执行其他相关的非使用终端下载的操作(终端只支持一个下载任务),例如安装相关插件或者编辑器。

3、执行安卓相关配置:flutter doctor --android-licenses,一直执行y即可。安装AndroidStudio的flutter相关插件,这和win10下的配置相同。

五、安装完成

安装后的结果如下:
验证结果

其中设备前的感叹号表示还没有打开虚拟设备或者连接真机,可以自行打开或者使用真机进行连接,这边推荐使用真机连接。
通过以上的安装和配置后,就可以开始进行相关的flutter学习和使用了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值