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)"

          執行報鏈接錯誤  換手機熱點 或者FQ在安裝

          出現   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