Windows平台下Flutter安裝,配置,初運行。


  Flutter是什么?他是谷歌根據Dark語言開源的跨平台開發依賴。和目前比較火的Reactive Native一樣,一套代碼能夠實現兩個不同平台的App。那么為什么要介紹Flutter而不是在國內大火的Reactive Native。具體大家可以看看這篇文章。我這里就不在多闡述。之前Flutter只支持Mac OS,Linux系統。好在現在推出了Windows平台,可以說是非常奈斯了,降低了學習這么跨平台的成本。當然,你也可以直接看Flutter的官方地址查看教程。

 第一步:安裝Git

 你需要安裝Git作為Flutter SDK的下載工具。這里我推薦去百度軟件中心下載,官網慢的一匹。下載完安裝就可以了。

第二步:下載Flutter SDK

  Windows桌面右鍵點擊git base here。當然你也可以選擇一個文件夾打開git 命令行窗口,輸入以下命令下載Flutter SDK。

git clone -b alpha https://github.com/flutter/flutter.git

注意:Flutter的下載路徑要全英文並且路徑不能有空格!Flutter的下載路徑要全英文並且路徑不能有空格!Flutter的下載路徑要全英文並且路徑不能有空格!

第三步:配置環境變量。

  你需要在Windows 環境變量Path中添加flutter的路徑。路徑指向到Flutter文件的bin路徑如下圖:

第四步:安裝

 打開PowerShell(管理員)輸入以下指令:

flutter doctor

Flutter 就會自動配置安裝。當然你也可以在git上操作。前提是要在flutter目錄的bin文件夾之下操作。成功了之后你就會看到如下界面:

如果當中有某些項目顯示‘X’。那就需要你去安裝啦,再次輸入:

flutter 

他就會自動安裝對應的依賴。

第五步 開發軟件。

你需要安裝Android Studio 以及Android SDK,之前有就不需要重新裝了。除次之外,Flutter的開發暫時不支持在Android Studio中開發,只能使用同一個公司的產品IntelliJ。需要你下載一個,IntelliJ免費版功能較少,下載的時候注意下載專業版,網上有破解教程這里自行百度,不再多說。下載完成之后在Setting中選擇Plugins如下圖:

搜索:Flutter和 Dark安裝。當然你還要下載Dark SDK 建議下載安裝版本,他會幫你進行配置。

第六步:重啟電腦。(我還是建議你重啟一下)

第七步:創建你的Flutter項目。

  InterlliJ創建一個Flutter項目,如果你經常使用模擬器在調試,類似於Genymotion。他會報如下錯誤,導致界面空白無法渲染。

E/flutter (13181): [ERROR:flutter/shell/gpu/gpu_surface_gl.cc(43)] Failed to setup Skia Gr context.

 我推薦你還是真機調試,成功之后就是如下界面:

如果你使用的是虛擬機,例如Genymotion。在運行時可能會出現如下提示:

進入白屏,那么你需要換一個虛擬機啦。親測:Nexus 5X可用。

現在就開始你的Flutter學習之旅吧!

 


免責聲明!

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



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