Flutter環境配置

是桃子呀發表於2020-01-30

Flutter、Golang、Python、編譯原理、演算法、Chrome原理學習系列文章搶先看請關注【碼農幫派】:

Flutter的開發需要安裝Fluuter SDK,下面分別介紹如何在Windows、MacOS以及Linux三個平臺上搭建Flutter開發環境。


配置Flutter國內映象

國內Flutter映象目前常用的有兩個,一個是Flutter官方社群中國映象,另外一個是上海交通大學Linux使用者組的映象,下面使用Flutter官方中國映象搭建Flutter開發環境。


Flutter官方社群映象

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn

PUB_HOSTED_URL: https://pub.flutter-io.cn

上海交通大學Linux使用者組的Flutter映象

FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn

PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn


配置環境變數


Windows

(1). 開啟 計算機 -> 屬性 -> 高階系統設定 -> 環境變數,開啟環境變數設定框;

(2). 在使用者變數下,選擇 新建環境變數, 新增下面兩個環境變數:


變數名 -> 值

FLUTTER_STORAGE_BASE_URL -> https://storage.flutter-io.cn

PUB_HOSTED_URL -> https://pub.flutter-io.cn


Linux

(1). 開啟bashrc檔案:

->  vim ~/.bashrc複製程式碼

(2). 新增Flutter環境變數

export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn複製程式碼

(3). 儲存並重新整理配置檔案

-> source ~/.bashrc複製程式碼


MacOS

(1). 開啟bash_profile檔案

->  vim ~/.bash_profile複製程式碼

(2). 新增Flutter環境變數

export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn複製程式碼

(3) 儲存並重新整理配置檔案

-> source ~/.bash_profile複製程式碼


FlutterSDK安裝


Windows

(1). 下載安裝git

(2). 下載Android Studio,並配置好Android的開發環境

(3). 下載Flutter SDK, 下載連結:

https://flutter.dev/docs/development/tools/sdk/releases?tab=windows複製程式碼

將下載到的zip包解壓到一個檔案目錄下(這裡為了統一,放在 D:\sdk\flutter)


【注意】上面是將解壓之後的資料夾名稱改為flutter,放在路徑 D:\sdk檔案下。


(4). 配置Flutter SDK的環境變數

在 計算機 -> 屬性 -> 高階系統設定 -> 環境變數 中,開啟環境變數設定框,在 使用者變數 下,選擇Path,在原有的值之後新增第3步中Flutter Sdk的路徑(D:\sdk\flutter\bin)


【注意】如果Path變數已存在,則在原有的值後面新增 ; , 然後將Flutter SDK的完整路徑新增上;要是沒有Path變數,則需要新建一個Path變數,將Flutter SDK的完整路徑當作該Path變數的值新增上。


(5) 檢查Flutter環境配置

在命令列執行:

-> flutter doctor複製程式碼

若果看到下面的輸出結果,則說明Flutter開發環境已搭建完成:

Flutter環境配置


Linux

(1). 下載安裝git

(2). 下載Android Studio,並配置好Android的開發環境

(3). 下載Flutter SDK, 下載連結:

https://flutter.dev/docs/development/tools/sdk/releases?tab=linux複製程式碼

將下載到的tar包解壓到某一個檔案目錄下(這裡為了統一放在~/DevTools/flutter 目錄下)


(4). 配置Flutter環境變數

開啟 bashrc檔案進行:

-> vim ~/.bashrc複製程式碼

將FlutterSDK的路徑新增進去:

export PATH=$PATH:~/DevTools/flutter/bin複製程式碼

儲存bashrc檔案,並重新整理生效:

-> source ~/.bashrc複製程式碼

(5). 檢查Flutter環境配置

在命令列執行:

-> flutter doctor複製程式碼

若果看到下面的輸出結果,則說明Flutter開發環境已搭建完成:

Flutter環境配置


MacOS

(1). 下載安裝git

(2). 下載Android Studio,並配置好Android的開發環境

(3). 下載Flutter SDK, 下載連結:

https://flutter.dev/docs/development/tools/sdk/releases?tab=macos複製程式碼

將下載的zip包解壓到某個資料夾路徑下(為了統一放在/Users/xxxxxxx/Documents/DevTools/flutter下)


(4). 配置Flutter環境變數

開啟bash_profile檔案:

-> vim ~/.bash_profile複製程式碼

新增FlutterSDK的路徑

export FLUTTER_HOME=/Users/xxxxxxx/Documents/DevTools/flutterexport PATH=$PATH:$FLUTTER_HOME/bin複製程式碼

儲存並重新整理檔案:

-> source ~/.bash_profile複製程式碼

(5) 檢查Flutter環境配置

在命令列執行:

-> flutter doctor複製程式碼

若果看到下面的輸出結果,則說明Flutter開發環境已搭建完成:

Flutter環境配置



Flutter環境配置中的一些常見問題:

(1)

  • Some Android licenses not accepted

  • Android toolchain - develop for Android devices

上面的提示說明本地Android證照有問題,執行下面的命令修復這個問題:

flutter doctor --android-licenses複製程式碼


(2)

  • iOS toolchain - develop for iOS devices

此時命令列中會有相應的修復方法,照做就可以了。


相關文章