一份完整的Android Studio搭建Flutter教程


1 下載flutter開發(fā)包

flutter開發(fā)SDK使用git克隆倉庫下載。至于git的使用不是本篇文章介紹的內(nèi)容,不熟悉git的請移步git使用詳細(xì)教程
在git命令行下輸入如下命令:

git clone -b alpha https://github.com/flutter/flutter.git

注意: flutter的下載路徑要全英文并且路徑不能有空格!
執(zhí)行完命令后等待下載即可。


2 配置環(huán)境變量

在系統(tǒng)環(huán)境變量path中添加剛剛下載的flutter的路徑。將bin文件路徑添加至path中
win7添加效果:



由于筆者沒有使用Win7系統(tǒng),win7效果圖是網(wǎng)上找的,其flutter下載路徑在d盤,我的下載路徑是放在c盤的,請讀者根據(jù)個人目錄設(shè)置。
win10效果:



3 windows命令行cmd中執(zhí)行flutter doctor命令

flutter doctor 會自動檢測當(dāng)前開發(fā)環(huán)境配置,并且自動下載欠缺的文件。下載過程相對耗時。尤其對于國內(nèi)用戶有時還是出現(xiàn)下載失敗情況。
筆者也是嘗試多次才執(zhí)行命令才成功。

安裝成功后效果:



4 Android Studio安裝Dart插件

打開Android Studio -> File -> Settings -> Plugins
搜索Dart插件 在右側(cè)點擊Install即可。
安裝后效果:


同樣的步驟搜索Flutter插件安裝即可,安裝完成效果:



5 創(chuàng)建Flutter項目

插件安裝完成后,重啟Android Studio新建項目會發(fā)現(xiàn)增加了創(chuàng)建Flutter項目的選項。


然后就一路Next,最后finish即可。

注意:對于國內(nèi)開發(fā)者創(chuàng)建項目可能會卡在Create flutter .. 底部顯示 building Symbols...狀態(tài)。
查看Console會提示Got socket error trying to find package at http://pub.dartlang.org

解決辦法:
在系統(tǒng)環(huán)境變量中新建名為PUB_HOSTED_URL 值為https://pub.flutter-io.cn 的環(huán)境變量和新建名為FLUTTER_STORAGE_BASE_URL值為
https://storage.flutter-io.cn的環(huán)境變量。然后重新打開項目即可。

win7添加后效果:


win10添加后效果:




6 運行項目

點擊運行按鈕即可安裝flutter程序。


到此開發(fā)環(huán)境搭建完畢。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容