配置環(huán)境

• 參考
  Flutter中文網(wǎng)
  Flutter開始-掘金

• 下面以mac，xcode，iOS模擬器來配置安裝開發(fā)環(huán)境

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

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" 

• 由于命令行中只能更新當(dāng)前會(huì)話的PATH變量，在其他終端會(huì)話中無法使用flutter命令，所以需要配置該P(yáng)ATH為全局

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

• 檢查環(huán)境

cd ./flutter // 進(jìn)入flutter安裝目錄，如前面已經(jīng)配置好全局PATH，可忽略該行 flutter doctor // 檢查flutter運(yùn)行的相關(guān)環(huán)境 

• 查看flutter doctor結(jié)果

  
  flutter doctor結(jié)果

根據(jù)結(jié)果提示一步步的操作，完善環(huán)境
如按堅(jiān)持結(jié)果的提示步驟操作出現(xiàn)錯(cuò)誤，可以輸入flutter doctor重新檢查

• 根據(jù)結(jié)果提示完成操作后，重新輸入flutter doctor檢查，直到出現(xiàn)OK提示的結(jié)果
  如下圖是按照iOS toolchain的提示完成后的檢查結(jié)果，可見iOS工具鏈已經(jīng)OK可以開始工作，后續(xù)安卓的相關(guān)環(huán)境同樣

  
  flutter doctor結(jié)果

---

運(yùn)行一個(gè)demo

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

open -a Simulator// 啟動(dòng)一個(gè)模擬器 

• 查看可用的設(shè)備

flutter devices 

• 運(yùn)行

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

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/17751.html