mac上搭建Flutter开发环境,包括android和ios端配置Simulator(亲自踩坑)

首次接触Flutter,觉得扩展性真的不错,但没想到却被环境层层阻拦,亲自踩坑后觉得非常清晰,比较简单,所以整理下来供参考,少走弯路~

mac最好是先安装android SDK(具体教程网上搜一大堆)

首先mac所需系统macOS (64-bit),Flutter 依赖下面这些命令行工具 bash, mkdir, rm, git, curl, unzip, which(官网都有)

  1. flutter安装包地址:链接:https://pan.baidu.com/s/1GW39h-Cnx6V5dASJrWnyyQ 密码:8023;
  2. 解压安装包放到你想安装的目录 :unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
  3. 添加flutter相关工具到path中: export PATH=pwd/flutter/bin:$PATH
  4. 运行:flutter doctor ;然后这个时候一般情况下会报错
  5. 添加环境变量 vim ./.bash_profile 如下:
  6. export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH; export ANDROID_HOME="/Users/用户名/Documents/android_sdk" //android sdk目录,替换为你自己的即可; export PATH=${PATH}:${ANDROID_HOME}/tools; export PATH=${PATH}:${ANDROID_HOME}/platform-tools; export PUB_HOSTED_URL=https://pub.flutter-io.cn; export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnmac上搭建Flutter开发环境,包括android和ios端配置Simulator(亲自踩坑)_第1张图片
  7. 运行 source $HOME/.bash_profile 刷新当前终端窗口
  8. 再次运行 flutter doctor 应该还会有 错误。现在错误基本上就是你的电脑没有安装ios或者安卓的编辑器和模拟器造成的;
  9. ios 编辑器和模拟器设置:
  10. 安装Xcode,flutter官网要求7.2以上,个人建议安装9.0以上或者最新版本
  11. 确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了
  12. 在Mac上,通过Spotlight或使用以下命令找到模拟器:
  13. open -a Simulator 就可以了
  14. 安卓设置:安装Android Studio,在您的设备上启用 开发人员选项 和 USB调试,使用USB将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。运行 flutter devices 命令以验证Flutter识别您连接的Android设备。运行启动您的应用程序 flutter run。
  15. 安卓设置Android模拟器:
  16. mac上搭建Flutter开发环境,包括android和ios端配置Simulator(亲自踩坑)_第2张图片
    选择创建
    mac上搭建Flutter开发环境,包括android和ios端配置Simulator(亲自踩坑)_第3张图片

在运行flutter run 就可以;
有问题可以联系我~

你可能感兴趣的:(flutter)