Flutter在Windows下的環境搭建

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

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

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

使用鏡像(非必需的)

由於在國內訪問Flutter有時可能會受到限制,Flutter官方爲中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中:

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

在這裏插入圖片描述
注意: 此鏡像爲臨時鏡像,並不能保證一直可用,讀者可以參考詳情請參考 Using Flutter in China 以獲得有關鏡像服務器的最新動態。

需要準備的工具

Flutter是需要依賴於Git工具的,所以如果沒有安裝Git工具的,請先下載安裝Git工具和環境
Git安裝下載地址
如果已安裝Git for Windows,請確保命令提示符或PowerShell中運行 git 命令,不然在後面運行flutter doctor時將出現Unable to find git in your PATH錯誤, 此時需要手動添加C:\Program Files\Git\bin至Path系統環境變量中。

獲取Flutter SDK

  • 新建一個存放flutter sdk的文件目錄比如:D:\FlutterSdk

  • 可以使用git拉取sdk或者直接去官網下載(推薦使用官網下載,git拉取太慢了)

  • 官網下載地址,下載最新版本後直接解壓進創建好存放sdk的目錄

  • git拉取在文件夾上git gui here後輸入 git clone -b beta https://github.com/flutter/flutter.git
    在這裏插入圖片描述
    在這裏插入圖片描述
    注意,不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\

  • 在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行並啓動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了。如果點擊沒反應並且系統Path環境下沒有flutter\bin那就手動配置一下如圖:在這裏插入圖片描述

運行 flutter doctor

打開一個新的命令提示符或PowerShell窗口並運行以下命令 flutter doctor。如果出現下圖則配置安裝成功
在這裏插入圖片描述
如果出現紅色叉 x Android licenses not accepted. To resolve this, run:flutter doctor --android-licenses 需要您接受SDK許可協議。
在這裏插入圖片描述
則繼續在命令行輸入flutter doctor --android-licenses 然後一路點y,yes同意就行
直到全部出現綠色的√就是設置好了。不然運行項目會報錯Android licenses not accepted

明明已經設置好了git的環境變量,也重啓了電腦,但是命令行中運行 flutter doctor還是會報錯 unable to find git in your path; 則檢查環境變量path配置看有沒有C:\Windows\System32;如果沒有,填入在這裏插入圖片描述

Android Studio中插件配置

打開AndroidStudio–>.打開設置(setting)–>.打開plugins–>.搜索安裝兩個插件Dart和Flutter插件安裝
在這裏插入圖片描述
安裝後重啓Android Studio。

開發環境配置flutter的Sdk路徑:打開settings->Languages & Frameworks->Flutter,配置路徑:類似於D:\FlutterSdk\flutter,如圖:
在這裏插入圖片描述
確定後,關閉settings,再次打開進入settings->Languages & Frameworks->Dart,我們可以看到,系統自動配置好了Dark的Sdk Path
在這裏插入圖片描述
到這裏配置完成後就可以新建flutter項目了。

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