flutter mac配置电脑环境

一、准备工作

  1、安装最新的 Xcode

  2、电脑上面需要安装 brew  https://brew.sh/

 

二、下载 Flutter、配置 Flutter 环境变量、配置 Flutter 镜像

  1、下载 Flutter SDK  下载慢找国内的镜像下载

      https://flutter.dev/docs/development/tools/sdk/releases?tab=macos 

  2、把下载好的 Flutter SDK 随便减压到你想安装 Sdk 的目录如  /Users/aisheng/flutter_mac/flutte

  3、把 Flutter 安装目录的 bin 目录配置到环境变量，然后把 Flutter 国内镜像也配置到环境变量里面 

       vim ~/.bash_profile 编辑这个配置

       open ~/.bash_profile

粘贴 /Users/aishengwanwu/flutter_mac/flutter/bin 是自己本地放 flutter sdk的目录

export PATH=/Users/aishengwanwu/flutter_mac/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

i是进入编辑模式  :wq保存退出 

source ~/.bash_profile 使我们的改动生效

 运行 flutter-h 出来flutter命令 说明配置成功 

三、运行 flutter doctor 命令检测环境

 如果运行flutter doctor 等待无反应
    可能是进程 结束进程 git-re.....-http
    可能是git 卸载git重装git 

四、 配置 Flutter Ios 环境

  1、如果电脑上面没有安装 brew 的话首先第一步需要安装 brew

      https://brew.sh/ 

        /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

          执行报链接错误  换手机热点 或者翻墙在安装

          出现  Press RETURN to continue or any other key to abort 马上按回车

   2、分别执行下面命令

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 如果运行此命令报错文件夹无效是没有安装xcode，官网下载的xcode可能是直接打开，把它拖到应用程序里面

brew update

brew install --HEAD usbmuxd

brew link usbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

brew install cocoapods

pod setup 

 

   执行完成上面命令后然后重新运行： flutter doctor 如果出来下图表示 ios 的环境配置完成

四、命令行工具生成 Flutter 项目 

 sudo flutter create flutterdemo

五、修改 Flutter Sdk 目录的权限以及项目的权限

  sudo chmod -R 777 *

    注意：打开项目之前一定要修改权限

 

六、Xcode 打开 flutter 项目 模拟器运行项目 运行 Flutter 项目  flutter run

 

mac 配置andriod studio  adb环境

 下载安装sdk

使用mac进行开发的时候，有时候需要使用adb指令来进行一些操作，但是如果没有配置过Android环境变量，可能会出现adb: command not found的问题，这里记录一下mac上配置Android环境变量的方法：

Android sdkmanager tool not found

打开mac的terminal终端，输入 cd ~/ 【进入当前用户的home目录】

输入 touch .bash_profile 【如果没有.bash_profile这个文件，则创建一个这个文件】

输入 open .bash_profile 【打开我们创建的这个文件，此时应该弹出一个文本编辑框，如果是第一次配置环境，那么文本编辑框为空白】

在打开的文本编辑器中写入如下代码：

jdk1.8.0_191 版本号为自己的jdk版本号

AVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_191.jdk/Contents/Home

PATH=$JAVA_HOME/bin:$PATH:.

CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.

export JAVA_HOME

export PATH

export CLASSPATH

export ANDROID_HOME=/Users/a123/Library/Android/sdk

export PATH=${PATH}:${ANDROID_HOME}/tools

export PATH=${PATH}:${ANDROID_HOME}/platform-tools

注意4中的ANDROID_HOME应该根据自己的sdk路径来填写，其余可以直接复制。至于sdk路径，可以打开Android Studio，在preference(Windows的setting)中搜索sdk来查看。

在终端中输入 source .bash_profile 【使我们的改动生效】

 

输入 adb 【验证是否完成配置，如果不显示 adb: command not found，说明配置完成 】

如出现 Android license status unknown.

  到https://dl.google.com/android/repository/tools_r25.2.3-macosx.zip 或者百度云下载sdk放在资源库的andriod/sdk下面 在检测flutter doctor检测环境

    打开资源库方法 点电脑顶部点前往 按住option键会出现资源库

     如出现 Some Android licenses not accepted.  To resolve this, run: flutter doctor--android-licenses

        执行 flutter doctor --android-licenses
     如出现A newer version of the Android SDK is required. To update 去android studio的sdk 更新sdk