剛剛接觸了Flutter，這里把搭建環(huán)境的，以及從中遇到的坑過程記錄下來。

環(huán)境搭建

1、配置用戶環(huán)境變量

終端打開vim ~/.bash_profile，選擇編輯，在后面加入

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

:wq保存退出

注意： 此鏡像為臨時(shí)鏡像，并不能保證一直可用，讀者可以參考詳情請(qǐng)參考 Using Flutter in China 以獲得有關(guān)鏡像服務(wù)器的最新動(dòng)態(tài)。

2、下載Flutter SDK

跳轉(zhuǎn)到 Flutter Mac 下載鏈接 下載

3、添加用戶環(huán)境變量

// （/Users/iosapp/Downloads/flutter/bin）你下載的Flutter SDK 的bin目錄 export PATH=/Users/iosapp/Downloads/flutter/bin:$PATH //(/Users/iosapp/Library/Android/sdk) android sdk的目錄export ANDROID_HOME="/Users/iosapp/Library/Android/sdk" export PATH=${PATH}:${ANDROID_HOME}/tools export PATH=${PATH}:${ANDROID_HOME}/platform-tools

4、運(yùn)行 Flutter Doctor

運(yùn)行以下命令查看是否需要安裝其它依賴項(xiàng)來完成安裝

flutter doctor

可能出現(xiàn)的問題

在 flutter doctor 如果沒問題，則會(huì)出現(xiàn)以下全部打鉤（這關(guān)系到項(xiàng)目構(gòu)建）

image.png

一、第一個(gè)打鉤說明我的Flutter安裝沒問題
二、第二個(gè)對(duì)勾說明我的Android SDK沒問題（如果有問題根據(jù)他的提示操作）
三、第三個(gè)是說iOS工具沒安裝好, 具體就是需要安裝他提供的兩個(gè)庫(kù) 按照他的說法終端執(zhí)行如下操作

brew install --HEAD libimobiledevice brew install ideviceinstaller 

四五、Flutter插件問題

? Flutter plugin not installed; this adds Flutter specific functionality.? Dart plugin not installed; this adds Dart specific functionality. 

出現(xiàn)這兩個(gè)就是Flutter的插件問題，安裝Flutter插件 Dart插件也會(huì)安裝，如果你電腦裝有Android Studio和IntelliJ，各自打開他們的Perforences，選擇Plugins，搜索Flutter，選擇安裝

image.png

當(dāng)這些問題解決后，創(chuàng)建一個(gè)項(xiàng)目

image.png

選擇Application項(xiàng)目，運(yùn)行

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