1. 程式人生 > >Windows平臺下Flutter安裝,配置,初運行。

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

完成 plugin alpha reac window oct 點擊 and 真機調試

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.

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

技術分享

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

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