標籤:跨平台 plugins 環境 導致 splay sdk isp img http
Flutter是什嗎?他是Google根據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安裝,配置,初運行。