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

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

 第一步:安裝Gitgit

 你須要安裝Git做爲Flutter SDK的下載工具。這裏我推薦去百度軟件中心下載,官網慢的一匹。下載完安裝就能夠了。github

第二步:下載Flutter SDKweb

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

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

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

第三步:配置環境變量。學習

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

第四步:安裝命令行

 打開PowerShell(管理員)輸入如下指令:3d

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學習之旅吧!

相關文章
相關標籤/搜索