配置環境

• 參考
  Flutter中文網
  Flutter開始-掘金

• 下面以mac，xcode，iOS模擬器來配置安裝開發環境

• 在終端輸入下面的代碼，使用鏡像

export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 

• 下載flutter SDK

git clone -b dev https://github.com/flutter/flutter.git 

• 配置PATH變量

export PATH="$PWD/flutter/bin:$PATH" 

• 由于命令行中只能更新當前會話的PATH變量，在其他終端會話中無法使用flutter命令，所以需要配置該PATH為全局

1. 終端輸入： cd $HOME// 進入～根目錄 2. 終端輸入： vim .bash_profile // 編輯.bash_profile文件，可使用自己喜歡的編輯器 3. 進入編輯界面后，添加下面幾行，保存退出// 將[PATH_TO_FLUTTER_GIT_DIRECTORY]更改為你克隆Flutter的git倉庫的路徑export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH 4. 終端輸入：source $HOME/.bash_profile // 刷新當前窗口 5. 終端輸入：echo $PATH // 驗證flutter/bin目錄是否在你的PATH中 

• 檢查環境

cd ./flutter // 進入flutter安裝目錄，如前面已經配置好全局PATH，可忽略該行 flutter doctor // 檢查flutter運行的相關環境 

• 查看flutter doctor結果

  
  flutter doctor結果

根據結果提示一步步的操作，完善環境
如按堅持結果的提示步驟操作出現錯誤，可以輸入flutter doctor重新檢查

• 根據結果提示完成操作后，重新輸入flutter doctor檢查，直到出現OK提示的結果
  如下圖是按照iOS toolchain的提示完成后的檢查結果，可見iOS工具鏈已經OK可以開始工作，后續安卓的相關環境同樣

  
  flutter doctor結果

---

運行一個demo

• 以官方的hello，world！為例在模擬器上運行
• 啟動模擬器具，下面是其中一種方式，終端輸入

open -a Simulator// 啟動一個模擬器 

• 查看可用的設備

flutter devices 

• 運行

cd ~/flutter/examples/hello_world flutter run -ddeviceId// 可用設備列表中會返回設備deviceId，替換命令行deviceId 

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.webpost.com.cn/17751.html