序
現在行業內流行一個詞語,“大前端時代”。作為前端,不能僅只限於只會開發網站、小程式、桌面應用。我們應該將魔抓伸向手機App應用上。當然有一些使用webApp開發的說,webApp不也可以開發手機App嘛。這裡,你是對的。但是webApp也有自己的侷限性,如不能呼叫手機的藍芽,wifi等模組功能。但是強大的Flutter,卻是能辦到,讓我們使用App時,能像原生開發(Android、Mac)一樣,很暢快,不僅如此,它也提供了很多優美的元件,讓人看了蠢蠢欲動。(這裡不講React Native)
以下引用官網的簡介:
極速構建漂亮的原生應用
Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生使用者介面。 Flutter可以與現有的程式碼一起工作。在全世界,Flutter正在被越來越多的開發者和組織使用,並且Flutter是完全免費、開源的。
環境配置
Window
映象
國內訪問Flutter時,可能會有訪問限制。這裡提供兩個映象環境
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼
獲取Flutter SDK
這裡我直接到官網下載 或者在git下載
git clone -b alpha https://github.com/flutter/flutter.git
複製程式碼
安裝或者解壓成功後,將目錄下的bin
目錄加入環境變數
接下來,我們開啟cmd
輸入flutter doctor
,檢視是否配置成功。(注意:如果配置成功,輸入flutter doctor
等待時間會比較長,因為安裝一些東西,可以喝杯coffee
冷莖冷莖)
這裡我們看到有一個xx,我們照著提示安裝就行了。。
編輯器設定
這裡我使用的是vscode
,這裡需安裝一些小東西,如圖
Mac (更新中。。。)
實戰篇
持續更新中。。。
分享不易,喜歡的話一定別忘了點?!!!
只關注不點?的都是耍流氓,只收藏也不點?的也一樣是耍流氓。
結束???。