[flutter+dart] windows7下開發環境的安裝與配置

前言

博主是作嵌入式的，參加工做時間也不久，並且是非科班出身，以前從未接觸過移動開發。最近了解到了flutter框架和dart語言，想做爲第二語言學習一下，所以會從最基礎的環節開始，以此博客做爲記錄，還望各路大神多多指導。

關於flutter和dart的介紹，這裏再也不粘貼，你們能夠直接去官網瞭解。

flutter官網   https://flutter.dev/                    dart官網     https://www.dartlang.org/

預期開發環境

Android Studio + Flutter + Dart

安裝與配置過程

一、下載Flutter SDK，地址            https://flutter.dev/docs/development/tools/sdk/archive

二、將下載的壓縮包解壓到你本地的某個目錄，例如我解壓到：D:\ProgramFiles\Code_Tools

三、將Flutter的bin文件夾添加到用戶變量的路徑：

　　查看你的用戶變量裏是否有Path這個變量，若是有，則編輯該變量，在變量值裏把bin的路勁添加進去，例如個人添加進去就是 D:\ProgramFiles\Code_Tools\flutter\bin; 

　　（在cmd中輸入flutter命令回車，若是沒有提示你不能識別該命令，則表示flutter sdk配置成功）

四、配置Flutter的其餘所需變量

　　新建 FLUTTER_STORAGE_BASE_URL 用戶變量，添加變量值爲 https://storage.flutter-io.cn

　　新建 PUB_HOSTED_URL 用戶變量，添加變量值爲 https://pub.flutter-io.cn

五、下載android studio， 官網地址   https://developer.android.google.cn/studio

六、安裝android studio，安裝過程當時沒截圖，你們根據提示來就好了。其中：若是你電腦上沒有裝Android sdk，則會提示你安裝，選好安裝路徑根據提示下載安裝就行。

　　例：個人Android Studio安裝在 D:\ProgramFiles\Code_Tools\Android_studio ，  個人android sdk安裝在 D:\ProgramFiles\Code_Tools\Android_SDK

七、配置android sdk用戶變量

　　新建 ANDROID_HOME 用戶變量，設置變量值爲 「你的Android sdk的地址」 ，例如個人  D:\ProgramFiles\Code_Tools\Android_SDK

　　編輯用戶變量 Path，添加 「你的Android sdk的地址」，例如個人添加  D:\ProgramFiles\Code_Tools\Android_SDK

　　至此，用戶環境變量配置完成，以下圖：

　　

 

八、安裝dart和flutter插件

　　打開android studio，點擊Configure，以下圖：

　　

　　在彈出的對話框中選擇 Browse repositories，將彈出以下對話框，搜索 dart，如圖，點擊安裝：

　　　　

　　再搜索flutter ，如圖，點擊安裝：

　　

九、檢查環境配置是否完整

　　重啓電腦，打開命令行cmd，輸入 flutter doctor，等待一會，它會檢測出環境是否正常，正常以下圖：

　　

　　若是有其餘錯誤提示，如：

　　

　　則根據提示，輸入 flutter doctor --android-licenses ，根據提示把全部license校驗確認一遍，就OK了。

 

至此，開發環境安裝配置完畢！

打開Android studio，便可建立基於flutter的工程：

　　

 

附加說明：

　　在下載的flutter SDK中已包含了dart SDK，所以本配置無須重複下載dart SDK。可是請注意：按照本教程配置的環境沒法用於純dart命令開發，舉例：你能夠在cmd命令行輸入flutter，會產生有效迴應，但當你輸入dart時，則會提示沒法識別該命令。