1、准备工作
- 升级Macos系统为最新系统
- 安装最新的Xcode
- 电脑上面需要安装brew https://brew.sh/
- 安装chrome浏览器(开发web用)
2.、下载flutter
https://docs.flutter.dev/release/archive?tab=macos
大家网页后,选择对应的版本【Tips: 查看自己的mac系统版本 ----->终端运行uname -a,看最后是arm还是x86】
下载完成后解压;我是新建了一个文件夹flutter_sdk用来存放解压的sdk文件;
3、配置fluuter环境变量
把 Flutter安装目录的bin目录配置到环境变量,然后把Flutter国内镜像也配置到环境变量里面
https://doc.flutterchina.club/setup-macos/
- 控制台输入vm .bahs_profile编辑文件,按i进入编辑模式;PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin替换成刚解压的目录;【直接把bin文件夹拖到终端就可以看到文件目录】
vim ~/.bash_profile
vim ~/.zshrc
exportPUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置exportFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置exportPATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
让配置环境变量生效
source ~/.bash_profile
source ~/.zshrc
4、运行flutter doctor 命令检测环境
第一个❌ 是因为没安装Android sdk 暂时先忽略
第二个❌是没安装xcode,安装最新的xcode
5、配置Flutter Xcode Ios环境
- 如果电脑上面没有安装 brew的话首先第一步需要安装brew https://brew.sh/ 终端执行
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- 执行
brew install cocoapods
pod setup
sudo xcode-select --switch/Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
3. 再次执行 flutter doctor
原因是xcode中没安装模拟器:
打开 Xcode,在顶部菜单栏选择 “Window” -> “Devices and Simulators”。
在打开的窗口中,选择 “Simulators” 标签。
在左下角,点击 “+” 图标来创建一个新的模拟器。
在弹出的对话框中,你可以选择你想要的设备类型和 iOS 版本。然后给模拟器取一个名称,最后点击 “Create”。
暂时先这样,后续在记录安装安卓sdk的问题~
6、安装Android studio
从https://developer.android.com/studio?hl=zh-cn下载并安装 Android Studio。下载的软件选择取决于你的电脑芯片
第一步:安装sdk
安装完成后,打开软件,选择preferences,输入sdk,选择 Android sdk 安装;
第二步:运行flutter doctor
第一个❌:
cmdline-tools component is missing
打开android studio,preference->android sdk
勾选之后,选择apply,等待安装完成;再次控制台输入flutter doctor
这个提示代表Android 许可证状态未知,让我们运行flutter doctor --android-licenses来解决。
按照提示执行
flutter doctor --android-licenses
一直回车即可,选择y
vscode 开发flutter项目
安装插件:Dart、flutter、flutter widget snippets、Awesome Flutter Snippets
参考链接
版权归原作者 xiaaaa.z 所有, 如有侵权,请联系我们删除。