mac配置flutter环境及相关配置

1,572 阅读4分钟

官网: flutterchina.club/setup-macos…

// Flutter 中文镜像
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn

1.下载flutter sdk

flutter.dev/docs/get-st…

2.添加环境变量

参考网上的资料,小伙伴是不是看到有两种说法 一个是创建.bash_profile 文件 一个是创建 .zshrc文件,这里补充说一下,因为之前也没有用过mac电脑,我也是后面看了其他的文章,大概感觉应该是如此,如果有说错的话,欢迎指出来(如果清楚这个可以跳过) 跟的系统终端是哪个文件有关,如果是 终端是zsh,你的配置环境是写在.bash_profile文件中,也没关系

open ~/.zshrc

打开.zshrc文件,在文件最后一行添加

source ~/.bash_profile

当然可以一步到位 就在.zshrc文件配置环境变量

  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.cn

如果没有用过vim,可以说明如何添加, i(键盘)是进入编辑模式 :wq是保存并退出

如果终端是zsh,配置环境是在.base_profile里面,同时没有添加source ~/.bash_profile,可能会导致 当前命令编辑下运行 flutter doctor 没有问题,但是关掉重新命令行 运行 flutter doctor 报错没有找到flutter,同理如果终端是zsh,配置环境也是写在.zshrc文件下面的话,关闭文件(:wq退出保存)的时候,也需要执行 source ~/.zshrc

对了,如果是上面这两个文件没有的话,即开始open 文件就报不存在,就需要创建文件了

3.安装Xcode 如果是需要苹果手机去使用的app 移动要安装Xcode

Appstore 去下载Xcode,如果是已经下载跳过,这里对版本有要求 您需要Xcode 7.2或更高版本:

设置iOS模拟器

要准备在iOS模拟器上运行并测试您的Flutter应用,请按以下步骤操作:

  1. 在Mac上,通过Spotlight或使用以下命令找到模拟器:

    open -a Simulator
    
  2. 通过检查模拟器 硬件>设备 菜单中的设置,确保您的模拟器正在使用64位设备(iPhone 5s或更高版本).

  3. 根据您的开发机器的屏幕大小,模拟的高清屏iOS设备可能会使您的屏幕溢出。在模拟器的 Window> Scale 菜单下设置设备比例

  4. 运行 flutter run启动您的应用.

安装到iOS设备

要将您的Flutter应用安装到iOS真机设备,您需要一些额外的工具和一个Apple帐户,您还需要在Xcode中进行设置。

  1. 安装 homebrew (如果已经安装了brew,跳过此步骤)(brew.sh/).

  2. 打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具

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

如果这些命令中的任何一个失败并出现错误,请运行brew doctor并按照说明解决问题.

官网上已经说明 安装过程,可以先看一下Xcode签名流程来配置项目,大概率会在安装 CocoaPods 遇到各种各样的问题,已安装过得跳过,没有安装的,参考这篇文章去安装 ,真的非常详细:

www.jianshu.com/p/f43b5964f…

对该文作者表示膜拜,非常的细致,基本上跟着这篇都能装好

  1. 运行启动您的应用程序 flutter run.

安装完了flutter遇到的一些问题:

1.Xcode提示   sudo gem install cocopods

执行命令 会报错安装错误,可以忽略

Android studio 提示没有安装 flutter 和dart插件,其实已经安装了,这里开始以为是Android sdk 安装的全局变量没有配置,其实不是,可以忽略,甚至怀疑是不是jdk没有安装导致的(mac电脑自带jdk)

  2. mac+vscode 提示没有找到设备

flutter emulators

flutter emulators --launch apple_ios_simulator // 上面查询出来的设备之一

open -a Simulator

  3. 如果mac针对flutter  执行了清除依赖

(1).保证在下面根目录下执行下面:

    flutter clean

    flutter pub get


(2). 然后cd到ios目录执行下面:

    cd ios

(3). 最后执行这一步:

    pod install

事先说一下,如果安装 Xcode的后面那些 homebrew 和 cocoapods 一直安装不过去,试试翻墙吧,我就是装 cocoapods 不行,借了同事的vpn就安装好了

参考文献:

www.jianshu.com/p/963735d2a…

www.jianshu.com/p/f43b5964f…

blog.csdn.net/liyihan333/…