flutter(一)介紹和環境搭建

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

對flutter你們是否熟悉呢?以前作項目用到了flutter,在開發中使用到了flutter的各類組件,如今把開發中使用的關鍵技術,整理起來供你們參考學習,前期針對初級,後面會以項目的形式讓你們學會flutter跨平臺開發APP應用。前端

本篇文章爲你們介紹flutter的介紹和環境搭建,本文針對功能點作特殊實例或者圖文講解,特別詳細的總體使用咱們會在其它的文章中來展開說明react

1. flutter的介紹

Flutter是谷歌的移動UI框架,能夠快速在iOS和Android上構建高質量的原生用戶界面。 Flutter能夠與現有的代碼一塊兒工做。在全世界,Flutter正在被愈來愈多的開發者和組織使用,而且Flutter是徹底免費、開源的。

linux

  • flutter的特色android

1.跨平臺能力,支持多個平臺:ios,android,linux,fuchsia,跨平臺能力寫一套代碼能夠編譯成多個平臺版本ios

(2.)原生開發,體驗更好,不是網頁開發,比網頁體驗高,性能更好git

(3.)flutter是開源的,也是免費,而且能夠用於商用程序員

  • Flutter和其餘主流前段移動框架對比github

(1). cordova,react native(60幀分秒),flutter渲染技術上 實現了本身的gdi

(2).flutter達到 120fps超高性能windows

  • flutter技術的生態環境框架

(1)flutter是google公司出品和推廣

(2)第三方組件的發展,愈來愈多的組件提供開發中使用,例如改網站:https:github.com/Solido/awesome-flutter

(3)flutter的官網地址 https://flutter.io

上面主要針對flutter作了一個介紹,讓你們明白這個是什麼東東,而且我相信你們確定也很清楚了,那麼這個flutter適合什麼人羣呢?

1.適合技能提高的程序員

2.適合前端技術開發人員

3.移動APP開發人員

4.熱愛程序的人羣

1. 環境搭建

1.安裝系統基本要求
  windows7以上的64位操做系統
  磁盤空間大於4g,越高越好

2.Java搭建環境的安裝
  jdk安裝,驗證安裝狀況,(這個相信你們應該都會安裝jdk,這個在這裏再也不多說)

3.flutter sdk的安裝

  下載地址

  https://flutter.dev/docs/development/tools/sdk/releases

(1)下面圖示 選擇下載版本,該版本根據當前官網 ,最好是下載一個穩定的,不必定須要最新的。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

(2)下載文件和包名,下載下來後是一個壓縮包

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

(3)下載的壓縮包解壓,解壓後

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

(4)解壓後配置flutter環境變量,使用flutter的時候 不配置找不到,或者須要進入目錄

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

設置目錄爲解壓目錄

 

 

(5)命令行進入查看flutter的安裝狀況,提示以下爲成功

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

(6)經過 flutter  doctor 查看 fultter的環境配置是否完成

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

到這裏咱們就算正式的瞭解並搭建好了flutter的開發環境,下章咱們說一下 flutter的開發工具和建立一個項目。


watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

 

- End -

 

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 

 

 

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

相關文章
相關標籤/搜索