Flutter篇 (一) 入門

       很長的一段時間裏,提到移動開發,首先想到的就是ios和android兩大陣營,不過最近的一年多裏面,發生了些可能會改變移動開發格局的事情,自從Google發佈了Flutter1.0 開始 ,到前段時間的Flutter1.2版本 ,Flutter的熱度從未消退,號稱能同時完美運行在ios和android系統,甚至於Google未來的Fuchsia ,衆所周知,android系統從發佈時起就一直是在開源,導致android生態環境混亂,再加上歐盟對Google開出的天價罰單,種種跡象表明,android可能真的要被Google棄用了

        早在2017年底就看到過有關Flutter的文章,但是當時1.0版本還未發佈,終於,在發佈了幾個beta版本之後,2018年Flutter1.0版本上線了,一直以來Google發佈的東西,基本上都會引起轟動,所以Flutter自發布以來,就成了萬衆矚目的焦點,今天,是時候分享下Flutter的相關知識了

         工欲善其事,必先利其器 , Flutter開發第一步肯定還是環境搭建 ,Flutter中文網 是目前中國最大的Flutter學習社區 , 當然如果你能科學上網,也可以訪問Flutter官方平臺 ; 本篇介紹的是windows環境下的配置步驟

  Step1. 使用鏡像

    如果你能科學上網,那麼請忽略使用鏡像 ; 在windows(mac環境下是export)用戶環境變量中配置以下路徑

set PUB_HOSTED_URL=https://pub.flutter-io.cn
set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    Step2. 獲取Flutter SDK 

     與android不一樣的是,Flutter需要自己的sdk,Github上面可以下載 ,這是官方發佈的版本

    Step3 . 配置環境變量

     下載完SDK後,將flutter的bin目錄配置到環境變量中

      

     Step4.  環境檢測

      打開系統命令行cmd , 運行flutter doctor檢測本地環境

       

       可以看到,上面列出了4項配置,而且前面都是以對號開頭的 , 因爲我已經配置過了,所以都是對號,但是如果你沒有配置  過,會在Flutter plugin 和 Dart plugin 前面顯示 × 的  , 因爲Flutter開發語言是Dart,所以這時候就需要你啓動 AndroidStudio配合設置了 

        打開AS後,依次點擊工具欄的 file/settings/plugins/Browse Repositories , 搜索flutter , 點擊安裝 , 此時會提示你安裝dart , 點擊同意即可 ,安裝完成後重啓AS, 此時在命令行終端再次運行flutter doctor ,發現已經配置好了

        至此,flutter開發環境已經搭建好了,現在你可以點擊AS工具欄的 file /new / New Flutter Project     

  

    接下來就跟原生一樣的配置了,點擊Next設置app信息即可,flutter創建項目會默認生成一些代碼,這只是個演示界面,刪除即可,Flutter的開發語言是Dart,如果你對Dart還不瞭解,可以到Dart中文網 補充能量

現在點擊Run部署到手機上試試吧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章