1. 程式人生 > >如何快速在macOS上搭建Flutter開發環境(編輯器Android Studio)

如何快速在macOS上搭建Flutter開發環境(編輯器Android Studio)

注:1、以下教程中如果出現下載失敗的情況,請掛VPN嘗試。
  2、安裝過程中有些步驟等待會比較漫長,請一定,要有耐心!!!

Step 1 AS plugs庫下載Flutter和Dart外掛

搜尋Flutter即可,安裝時會提示你需要同時安裝Dart外掛,也就是說你裝了Flutter後自帶Dart外掛,不需要額外安裝Dart。
如果出現網路超時,外掛一直下不下來的情況,請在AS設定中,將Use secure connection前面的勾去掉,因為https協議會出現下不下來的情況:

Step 2 下載Flutter SDK

1、開啟終端,輸入命令列open .bash_profile

,編輯bash檔案,在其中新增以下內容:

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

儲存後請重啟下終端。
設定以上內容的原因是:由於一些flutter命令需要聯網獲取資料,如果是在國內訪問,由於眾所周知的原因,直接訪問很可能不會成功。 上面的PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google為國內開發者搭建的臨時映象。

2、cd進Flutter安裝目錄(隨便新建一個你想要的安裝目錄即可),然後克隆專案:git clone -b beta https://github.com/flutter/flutter.git


如果這是您第一次在此機器上安裝Flutter,請克隆beta分支。
克隆開始前可能需要等待30秒左右,請有些耐心。

3、將flutter命令寫進環境變數(同1,開啟bash檔案寫入以下內容即可):

export FLUTTER_HOME=/你的flutter安裝目錄/flutter
export PATH=$PATH:$FLUTTER_HOME/bin:

4、執行flutter doctor來安裝其他依賴:
這個過程開始的也會比較慢,可能會卡在“Building flutter tool...”提示語句,請耐心等待。請一定要配置臨時映象,否則會下不下來,掛VPN也沒用。

Step 3 AS新建Flutter專案

在AS中依次選擇File->New->New Flutter Project:

在Flutter SDK path中選擇你的SDK安裝路徑(指向到頂層flutter目錄即可,不需要到bin目錄)。不要點選那個install SDK按鈕,國內下不下來,掛VPN也下不下來。
如果出現錯誤提示“SDK不完整”,請檢查Step2-4,確保flutter doctor安裝了所有依賴。
然後就像我們平常新建AS專案一樣即可。
Creating Flutter Project的過程十分十分十分的漫長,請耐心等待。

卡在Creating Flutter Project?

如果你等了5分鐘還是卡在Creating Flutter Project,接下來獻上獨家解決祕籍:
其實AS只是假死,專案已經建立好了。我們可以開啟專案目錄,你會發現該有的都有了:


所以,我們直接強殺AS,然後重新開啟,open專案,注意直接選擇open,而不是import!!直接open專案頂層目錄,而不是內部子android目錄。
如果出現以下報錯:"Flutter SDK not found. Define location with flutter.sdk in the local.properties file.",請嘗試以下方法:
1、開啟AS設定,搜尋flutter,配置Flutter SDK path:


2、複製步驟一中的SDK路徑,開啟local.properties檔案,在裡面加上這麼一句話flutter.sdk=你複製的SDK路徑
重新build專案,然後就可以運行了。