听说mac电脑做开发很爽,于是就咬咬牙分了一台,够我还到30岁了,哈哈。装了一晚上的flutter环境,东找西嫖,功夫不负熬夜人,终于搞定了,趁现在还热乎,赶紧来一搞,以免以后忘记。

一、下载flutterSDK 下载

注意:记得要根据自己系统的处理芯片选择对应的版本,要不然后面配置环境会有问题。
下载这个flutterSDK主要是配置环境变量用的。

二、配置flutter环境变量

1、修改 .bash_profile
添加内容:
export PATH=“$PATH:/Users/qibing/Desktop/works/flutter/flutterSDK/bin:$PATH”

红字部分为下载的flutterSDK路径,换成你自己的就行。
这里也有个坑,我按照官网的设置,运行 source $HOME/.bash_profile 一直报错,执行ls -all 是看不见这个文件的,需要执行ls -a才能看见。
设置环境变量主要是修改.bash_profile文件的内容,所以我直接用vim 来修改,cat 查看文件内容是否以被我改成功。
2、刷新当前命令行窗口(执行这一步,使用flutter 环境变量才生效)

source $HOME/.bash_profile 

注意: 如果你使用的是zsh,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile。

三、Android studio相关配置

1、下载
下一步下一步,安装完成即可
2、下载flutter和dart插件
安装Android studio成功后找下载插件,搜索flutter 安装,这时候会提示是否安装dart,同意就行。
在这里插入图片描述
3、添加Android模拟器
在这里插入图片描述
路径:tools>Device Manager>Create device,然后就跳到添加模拟器界面了,选设备选版本的很简单,就不盖绍了。
4、同意 Android 协议

flutter doctor --adroid-licenses

一路同意即可

四、xcode相关配置

1、下载安装:直接去App store 下载即可
2、同意 Xcode 许可协议

sudo xcodebuild -license

3、配置ios模拟器

open -a Simulator

4、安装cocoapods

sudo gem install cocoapods

Apple 芯片还需要运行一下命令

 sudo gem uninstall ffi && sudo gem install ffi -- --enable-libffi-alloc

---------------------------验证-------------------------------

flutter doctor

在这里插入图片描述

如果执行项目一直build,始终无法进到安装步骤,
1、终端输入sudo su,然后执行flutter doctor,看环境是否都安装成功;
2、配置国内镜像

参考文章链接:
1、Cocoapods ont installed 问题
2、flutter开发环境配置
3、flutter中文网

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐