Flutter與IOS、Android開發人員搶飯碗必備良器

前端陌路發表於2020-03-08

現在行業內流行一個詞語,“大前端時代”。作為前端,不能僅只限於只會開發網站、小程式、桌面應用。我們應該將魔抓伸向手機App應用上。當然有一些使用webApp開發的說,webApp不也可以開發手機App嘛。這裡,你是對的。但是webApp也有自己的侷限性,如不能呼叫手機的藍芽,wifi等模組功能。但是強大的Flutter,卻是能辦到,讓我們使用App時,能像原生開發(Android、Mac)一樣,很暢快,不僅如此,它也提供了很多優美的元件,讓人看了蠢蠢欲動。(這裡不講React Native)

以下引用官網的簡介:

極速構建漂亮的原生應用

Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生使用者介面。 Flutter可以與現有的程式碼一起工作。在全世界,Flutter正在被越來越多的開發者和組織使用,並且Flutter是完全免費、開源的。

Flutter與IOS、Android開發人員搶飯碗必備良器

環境配置

Window

映象

國內訪問Flutter時,可能會有訪問限制。這裡提供兩個映象環境

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼

Flutter與IOS、Android開發人員搶飯碗必備良器

獲取Flutter SDK

這裡我直接到官網下載 或者在git下載

git clone -b alpha https://github.com/flutter/flutter.git
複製程式碼

安裝或者解壓成功後,將目錄下的bin目錄加入環境變數

Flutter與IOS、Android開發人員搶飯碗必備良器

接下來,我們開啟cmd輸入flutter doctor,檢視是否配置成功。(注意:如果配置成功,輸入flutter doctor等待時間會比較長,因為安裝一些東西,可以喝杯coffee冷莖冷莖)

Flutter與IOS、Android開發人員搶飯碗必備良器

這裡我們看到有一個xx,我們照著提示安裝就行了。。

編輯器設定

這裡我使用的是vscode,這裡需安裝一些小東西,如圖

Flutter與IOS、Android開發人員搶飯碗必備良器

Mac (更新中。。。)

實戰篇

持續更新中。。。


分享不易,喜歡的話一定別忘了點?!!!

只關注不點?的都是耍流氓,只收藏也不點?的也一樣是耍流氓。

結束???。


相關文章