Flutter之Windows環境搭建

Flutter之Windows環境搭建

原創作者:只能陪你走一程

原文地址:https://www.jianshu.com/p/a78fd5e5116d

官方網址:https://flutter.io/

Flutter中文網:https://flutterchina.club/

中文開發者論壇:http://flutter-dev.cn/

一.軟件環境

1.操作系統: Windows 7 或更高版本 (64-bit)

2.磁盤空間: 400 MB (不包括Android Studio的磁盤空間).

3.工具: Flutter 依賴Git命令行工具.Git命令行工具下載


二.獲取Flutter SDK

1.配置環境變量(國內用戶):PUB_HOSTED_URL=https://pub.flutter-io.cn    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.克隆bate分支到系統路徑中:git clone -b beta https://github.com/flutter/flutter.git

3.將克隆下來的項目bin目錄配置到環境變量Path中:

三.運行 flutter doctor

1.打開一個新的命令提示符或PowerShell窗口並運行以下命令以查看是否需要安裝任何依賴項來完成安裝:

四.搭建Android Studio開發環境

1.打開AndroidStudio--2.打開設置(setting)--3.打開plugins--4.搜索安裝兩個插件Dart和Flutter插件

注意:安裝完成後重啓AndroidStudio重新加載插件

 

1.安裝插件後,歡迎頁會出現Start a new Flutter project 的條目,表示成功安裝了插件,此時我們可以通過此選項創建一個Flutter的項目,點擊Start a new Flutter project進行項目的創建。

2,此時需要填寫項目有關的信息,在填寫完這些信息後,點擊Next進行下一步操作。

 

3.在這裏只需要填寫應用程序的包名,點擊完成即可,這個時候只需要等待項目的創建完成了。

 

4.這個時候就需要等待AndroidStudio完成創建Flutter的項目了,創建完成後需要連接需要調試的設備,就可以運行自己的第一個Flutter程序了。

 

五:VS Code環境搭建

1.安裝Dart和Flutter插件:

 

2.創建Flutter項目:點擊菜單欄的查看--命令面板搜索Flutter:new Project,在輸入項目名回車鍵完成創建

3.連接設備,點解菜單欄的調試--啓動調試,運行項目

 

 

六.創建過程中可能遇到的問題遇到的

1.項目創建完成後無法連接到調試設備,用ADB查看設備也是連接的,可是工具就是找不到設備,還彈出(No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.)的對話框,vs code也是連接不上的,開始自己遇到了這種問題,在網上搜索這種問題,大部分說的是,清除AndroidStudio的緩存,或者AndroidStudio的版本過高的問題,但是自己發現,這還是Flutter環境搭建的問題,導致了創建的項目也有問題。(清除緩存說法,也不妨試一試).


 

解決方案:

1.檢查Dart的SDK路徑:

2.檢查Flutter的SDK位置:

3.檢查Android Sdk的路徑:

4.檢查ADB環境:在命令行窗口輸入ADB,檢查ADB的環境配置,如果出現如下這些內容,表示ADB的環境沒有問題,如有問題在,百度自行解決。

 

5.重新按照步驟創建項目,應該就可以了

 


2.AndroidStudio插件下載失敗

解決方案:

1.檢查電腦的網絡情況    2:File->Settings->Apparence & Behavior->System Settings->Updates->use secure connnection 勾去掉

這樣就可以快樂的下載插件了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章