Flutter安裝教程

2022-03-01 01:46:35 字數 1769 閱讀 2931

自flutter beta版發布, 經過幾個月的發展, 它已成為了github社群開源專案活躍度的top50。加上近日google的flutter live 2018全球同步直播宣傳,與 flutter 1.0 正式版的發布,flutter更是成為了移動開發的熱點。感覺它很有統一移動端的趨勢(~ ̄▽ ̄)~
首先介紹下flutter:

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

它也是構建未來的google fuchsia 應用的主要方式。

作為如今這麼火熱的移動開發框架, 我乙個做安卓當然也要瞧一瞧( •̀ ω •́ )✧。

如果其它系統則點選這裡。

然後執行它的話可以直接雙擊flutter_console.bat檔案。

在對應使用者或系統上的path,上新增一條,定位至flutter的bin資料夾內,我的是c:\softwares\flutter\bin, 根據你自己的安裝位置選擇。

新增成功之後開啟cmd, 輸入flutter,然後會顯示如圖結果:

就表示成功了。

然後就用android studio來啟動第乙個flutter應用程式:

依次點選file -> settings -> plugings -> browse repositories... ,然後搜尋flutter,如圖:

再點選安裝。若彈出要求你繼續安裝的對話方塊,則按它提示安裝。沒有則再搜尋dart 進行手動安裝。最後重啟android studio。

重啟後, 點選file -> new ,會多出 new flutter project...這個選項,點選進入,會有如圖所示介面:

點選第乙個,再按提示輸入資訊

若沒有找到flutter sdk path,則手動選擇之前flutter安裝的位置,然後按提示繼續就行了。

需要注意的時建立專案時可能需要科學上網,總之有點慢,也可以手動進行換源解決。

建立成功之後,專案結構

其中的android目錄和正常的安卓目錄幾乎一樣, 開啟最裡面的mainactivity,

再點選如圖提示位置,即可編寫安卓相關**,並直接調式。

最後附上執行效果圖

即是個簡單的計數器demo

Flutter 入門教程

2018年6月21日,google 在 gtmc 大會上發布了 flutter preview 1。這標誌著 flutter 發展已經進入到乙個新階段,即將迎來 1.0 的穩定版本。如果你第一次接觸 flutter 你應該從簡介開始,在簡介中你可以了解到 flutter 是什麼,有哪些優點。flut...

Flutter安裝總結

中文網 環境變數新增 如 sdk路徑 bin android studio 安裝fluter dart外掛程式 在cmd控制台flutter doctor 不支援gitbase 如果返回 no issues found 代表成功 資料 flutter doctor執行失敗2 更新失敗 updatin...

安裝Flutter環境

作業系統 macos 64 bit 硬碟 700 mb 工具 bash,mkdir,rm,git,curl,unzip,which 修改配置檔案,新增flutter到path路徑 vim bash profile export path path pwd flutter bin source bas...