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

環境搭建

1、配置用戶環境變量

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

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

:wq保存退出

注意： 此鏡像為臨時鏡像，并不能保證一直可用，讀者可以參考詳情請參考 Using Flutter in China 以獲得有關鏡像服務器的最新動態。

2、下載Flutter SDK

跳轉到 Flutter Mac 下載鏈接 下載

3、添加用戶環境變量

// （/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、運行 Flutter Doctor

運行以下命令查看是否需要安裝其它依賴項來完成安裝

flutter doctor

可能出現的問題

在 flutter doctor 如果沒問題，則會出現以下全部打鉤（這關系到項目構建）

image.png

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

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. 

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

image.png

當這些問題解決后，創建一個項目

image.png

選擇Application項目，運行

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