前提
硬件要求
- 一台MacOS电脑,最好系统是最新的
- 一台Android手机
- 一台iOS手机
- 宽带建议三百兆
硬件参考
- 黑苹果: MacOS 12.3
- 华为Mata 30 pro: 鸿蒙 2.0
- 苹果 Iphone x : 15.4
- Android Studio: bumblebee|2020.1.1
- XCODE: 13.3
不需要苹果开发者账号
不需要苹果开发者账号,有普通的苹果账号就好。不过普通的苹果账号多一步信任的过程,下面的步骤有详细说明。
简单说明
今天给2016年组装的老台式机重新安装了最新的黑苹果系统 — Monterey 12.3,装完后试了下还挺流畅的😂,所以决定装个Flutter开发环境,也算是发挥它最后的余热吧!毕竟随着苹果自己的M1芯片越来越成熟,以后Macos系统可能就和手机一样封闭了,能玩黑苹果的日子不多了。
完成了Flutter开发环境搭建与iOS&Android Demo跑通全过程后。令人意外地发现全程只用了一个多小时。也许是我现在的网络环境比较好/也许是有点经验了/也许是现在的配置工具便利了。相比第一次配置Flutter开发环境时的辛酸。现在配置个环境真的舒服多了。最后不管怎样,反正我想把教程写的简单一点,但是又尽量详细一点,让零基础的朋友也能看得懂。
重要的事情说三遍,需要FQ、需要FQ、需要FQ
Flutter 开发离不开Google环境,很多时候更新资源或者打包的时候都需要外网,而且Flutter技术文档、各种资料、还有问题的解决办法还是墙外比较多一点,所以FQ是必不可少的。
网上很多通过配置国内镜像或者是修改host的方式来下载资源的,有时候确实有用,有时候纯粹是浪费时间。所以还是花点时间找个靠谱的FQ工具吧🤷,还有按我个人的经验来说,移动开发还真的离不开外网,FQ基本已经是个必备的技能了😂。
因此,整个教程的前提是你有个良好的访问外网的环境,否者下载资源就要花费大量的时间了,一个小时基本没戏。
必要软件下载与安装
XCODE 下载与安装
在APP STORE 上搜XCODE,点击安装就好。就是这么简单,不过也是最耗时的,安装包一共10G左右,按我之前的经验下载加上安装可能要40-50分钟左右。所以,第一步要先下载安装XCODE,安装的途中会弹出授权窗口输入密码就好,其他都是后台执行的。然后XCODE最后配置都可以,其他软件下载好先安装,还好其他软件不是很大下载都挺快的。
Android Studio 下载与安装
- 在官网下载地址下载,https://developer.android.com/studio?hl=zh-cn
- 下载完双击安装文件安装好就可以了,大概十分钟下载和安装
Flutter SDK 下载与配置
- 在Flutter官网下载:https://flutter.cn/docs/development/tools/sdk/releases?tab=macos
- 解压缩文件,我这里解压到 /Users/sugood/devlibs/flutter 文件夹下,这个路径是自己定义的,等会需要用到
- 配置环境变量
-
在终端输入指令 sudo vi ~/.bash_profile ,进入配置,需要输入密码。
-
输入i,进入vim的编辑模式,在任意一行添加Flutter SDK的路径
# flutter sdk
export PATH=$PATH:$HOME/devlibs/flutter/bin