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開發環境已搭建完成:
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開發環境已搭建完成:
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環境配置中的一些常見問題:
(1)
Some Android licenses not accepted
Android toolchain - develop for Android devices
上面的提示說明本地Android證照有問題,執行下面的命令修復這個問題:
flutter doctor --android-licenses複製程式碼
(2)
iOS toolchain - develop for iOS devices
此時命令列中會有相應的修復方法,照做就可以了。