1. 程式人生 > >Flutter入門:開發環境搭建

Flutter入門:開發環境搭建

什麼是Flutter

極速構建漂亮的原生介面!Flutter是由Google於2018年2月推出的移動UI框架,可以極速在ios和Android上構建質高質量的原生使用者介面。Flutter可以與現有的程式碼一起工作。在去世界,Flutter正在被越來越多的開發者和組織使用,並且Flutter是完全免費和開源的。

STEP1

去Flutter官網下載其最新可用的安裝包,點選下載

由於Flutter推出不久,版本也會不斷升級,大家儘可能下載最新版本,up主當時下載的是0.10.2版本。

STEP2

直接把Flutter解壓大家喜歡的地方。

進入Flutter檔案,主要留意bin資料夾和flutter_console.bat檔案。

進入bin資料夾,複製其路徑。

STEP3

右鍵我的電腦-》屬性-》高階系統設定-》環境變數-》系統變數-》編輯Path變數,在其最後加上剛剛複製的路徑,注意路徑與路徑之間要用“;”隔開。點選確定離開。

STEP4

執行flutter資料夾下的flutter_console.bat檔案

鍵入flutter -h 稍等幾秒就會就會出現所有命令了,這時說明我們的Flutter安裝成功。

STEP5

執行CMD ,鍵入flutter doctor,檢測Flutter開發環境是否OK。

可以看到圖中的“√”和“!”,感嘆號說明是一個警告,但是開發環境是OK的,如果是“×”的話就要仔細閱讀相關資訊,並且做出相應修改了,如下圖就告訴我Android studio裡面沒有安裝Flutter 和Dart兩個外掛。

結語

好了,Flutter的開發環境就到此結束。

此外,其實Flutter框架的亮點的確很吸引人:

  • 響應式檢視,不需要JavaScript的橋接器
  • 效能更好,相容性更好
  • 程式碼將AOT編譯為本機(ARM)程式碼
  • 美觀,可定製的UI元件,開發人員完全控制UI元件和佈局
  • 強大的開發者工具,驚人的熱重新載入

作為一名程式設計師的我們應該緊跟時代步伐,一直保持學習,增強自身的競爭力。乾巴爹喲!

                                                                         ----- End -----

                                                                            更多好文

                                                                     請掃描下面二維碼

                                                                            歡迎關注~