Windows與Mac雙平臺：Flutter環境搭建最全寶典

Windows環境搭建

第一步：前提——安裝Git（否則後面會報錯）

第二步：下載flutter的SDK並解壓（直接下載很慢，使用下面的方式）

一、官網下載按鈕上右鍵，複製連接地址，將原地址（Mac版和window版）：
https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip
https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip

改爲如下地址，輸入瀏覽器：

https://storage.flutter-io.cn/flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip
https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip

第三步：配置環境變量（用戶變量）

一、新建用戶變量

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

二、用戶變量path中添加解壓的flutter包的全路徑（即bin所在路徑）

flutter/bin

第四步：安裝Android Studio，完成後一併下載SDK，安裝模擬器（也能夠在vscode中建立）

一、安裝完後，進入 文件-設置-Appearance-System Setting-Android SDK，點擊Android SDK Location的編輯按鈕，選擇SDK存放的目錄（如：D:\AndroidSDK），執行安裝。而後配置SDK系統變量：

二、新建系統變量

ANDROID\_HOME=D:\\AndroidSDK

三、系統變量path中添加SDK文件夾下的tools路徑和platform-tools路徑

四、點擊右上角手機按鈕，安裝模擬器

第五步：重啓終端，在任意目錄運行如下命令，進行檢查

flutter doctor

一、若是檢查提示：Some Android licenses not accepted，那麼，命令行執行

flutter doctor --android-licenses // 一路輸入y，enter肯定，直到最後完成（會出現初始的目錄名）

第六步：vscode開發配置：

一、安裝flutter擴展，點擊右下角 No Device，選擇模擬器或者建立一個模擬器

二、建立項目：按shift + Ctrl + P，選擇新建flutter項目

三、按F5或者執行 flutter run，開啓debug調試（debug模式會有熱重載功能）

Mac環境搭建

第一步：安裝Git，下載flutter並解壓（方法同Windows環境）

https://flutter.dev/docs/development/tools/sdk/releases

第二步：配置環境變量

一、進入用戶主目錄，好比我是wujingfeng

cd ~

二、查看.bash_profile是否存在,不存在,建立文件(注意前面有個點)

touch .bash\_profile

三、執行命令，用編輯器打開.bash_profile

open -e .bash\_profile

四、在.bash-profile中添加國內鏡像環境變量，粘貼下面內容

export PUB\_HOSTED\_URL=https://pub.flutter-io.cn export FLUTTER\_STORAGE\_BASE\_URL=https://storage.flutter-io.cn

五、在.bash-profile中添加flutter SDK的bin路徑到環境變量，粘貼下面內容（注意將前面的路徑名改爲本身的）

export PATH=${PATH}:/Users/wujingfeng/development/lib/flutter/bin

獲取路徑名的方法：

第一種，在bin文件夾上右鍵，而後按option鍵，點擊將bin拷貝爲路徑名稱

第二種，命令行cd到bin目錄，執行pwd命令

pwd

六、執行如下命令，讓配置生效

source .bash\_profile

第三步：重啓終端，在任意目錄運行一下命令，進行檢查

flutter doctor
1 提示須要安裝Android Studio和Android SDK，以及須要配置ANDROID_HOME環境變量
2 提示xcode沒有安裝 cocoapods沒有安裝 // 3 提示vscode的flutter擴展沒有安裝

第四步：下載安裝Android Studio，運行Android Studio會安裝Android SDK，記下SDK路徑，而後執行下面步驟：

一、配置環境變量 .bash-profile中添加如下內容（注意將路徑換成本身的）

export ANDROID\_HOME=/Users/wujingfeng/Library/Android/sdk/ export PATH=${PATH}:${ANDROID\_HOME}/tools export PATH=${PATH}:${ANDROID\_HOME}/platform-tools

而後更新配置

source .bash\_profile

二、再次運行flutter doctor，提示沒有licenses，運行一下命令

flutter doctor --android-licenses // 一路輸入y 回車，知道完成（同Windows環境）

第五步：Android Studio安裝flutter和dart插件（這個估計大家知道），而後安裝模擬器（也能夠vscode中建立，和Windows同樣）

用Android Studio先建立一個flutter項目 而後執行下面步驟 安裝模擬器  否則vscode不能調試Android Studio>Tools>Android>AVD Manager 並選擇 Create Virtual Device，從推薦中選擇一個便可（也可點擊右上角手機按鈕建立模擬器）

安裝xcode（這個由於系統版本緣由，我也暫時沒處理，回頭解決了在更新），如下命令可能失敗，只供參考

1 安裝 CocoaPods sudo gem install cocoapods 2 安裝 xcode 3 安裝蘋果命令行工具（這個儘可能安裝一下）

第六步：vscode安裝flutter擴展，而後按下shift+command+p，輸入flutter，建立項目，或者使用一下方式也能夠

選擇菜單中View>Command Palette… 輸入 ‘flutter’, 而後選擇 ‘Flutter: New Project’ action 輸入 Project 名稱 (如myapp), 而後按回車鍵 指定放置項目的位置，而後按藍色的肯定按鈕 等待項目建立繼續，並顯示main.dart文件

一、按F5或者選擇菜單Debug—Start Debugging運行調試（前提是安裝了模擬器）

注意：若是運行出錯，從新建立一次項目。