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


前言

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

關於flutter和dart的介紹,這里不再粘貼,大家可以直接去官網了解。

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

預期開發環境

Android Studio + Flutter + Dart

安裝與配置過程

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

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

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

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

  (在cmd中輸入flutter命令回車,如果沒有提示你不能識別該命令,則表示flutter sdk配置成功)

4、配置Flutter的其他所需變量

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

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

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

6、安裝android studio,安裝過程當時沒截圖,大家根據提示來就行了。其中:如果你電腦上沒有裝Android sdk,則會提示你安裝,選好安裝路徑根據提示下載安裝就行。

  例:我的Android Studio安裝在 D:\ProgramFiles\Code_Tools\Android_studio ,  我的android sdk安裝在 D:\ProgramFiles\Code_Tools\Android_SDK

7、配置android sdk用戶變量

  新建 ANDROID_HOME 用戶變量,設置變量值為 “你的Android sdk的地址” ,例如我的  D:\ProgramFiles\Code_Tools\Android_SDK

  編輯用戶變量 Path,添加 “你的Android sdk的地址”,例如我的添加  D:\ProgramFiles\Code_Tools\Android_SDK

  至此,用戶環境變量配置完成,如下圖:

  

 

8、安裝dart和flutter插件

  打開android studio,點擊Configure,如下圖:

  

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

    

  再搜索flutter ,如圖,點擊安裝:

  

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

  重啟電腦,打開命令行cmd,輸入 flutter doctor,等待一會,它會檢測出環境是否正常,正常如下圖:

  

  如果有其他錯誤提示,如:

  

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

 

至此,開發環境安裝配置完畢!

打開Android studio,即可創建基於flutter的工程:

  

 

附加說明:

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM