天天看點

小白flutter安裝指南

作為一個面對120fps慕名而來的小白,被網上五花八門的教程迷的暈頭轉向,最後發現,還是官方文檔最靠譜,就此歸納本人windows端的配置爬坑

1.通路https://flutterchina.club/setup-windows/,下載下傳Flutter SDK

2.安裝我們的專屬版鏡像,鏡像可有千秋,我選擇官方。在搜尋欄輸入env,添加使用者變量

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

小白flutter安裝指南
小白flutter安裝指南

3.使用者path新增flutter sdk 的安裝路徑,選到bin這一級,我的安裝目錄是D:\flutter\bin;

小白flutter安裝指南

4.安裝Android Studio,http://www.android-studio.org/,要注意,一路 NEXT下去(好奇是好事,但那是大神才駕馭的住的)

5.打開Android Studio>File>Settings>Plugins,搜尋Flutter和Dart,不過我奇怪我下了flutter,它自動給我下載下傳了Dart

接下來是重頭戲了,卡了我一個多星期的坑!!!

6.安裝android sdk,打開Android Studio>Tools>SDK Manager,SDK Platforms我下的是安卓9.0,大家都說安卓是向下相容的,小白不曉得,但小心終歸好點~~

小白flutter安裝指南

然後SDK Tools 我下的是,如下圖,我覺得 USB Driver很重要!!!

小白flutter安裝指南

7.android sdk 配置,照舊搜尋框輸入env,添加使用者變量,ANDROID_HOME 這是我的安裝路徑,上圖有說明,這個路徑哪兒找,C:\Users\Administrator\AppData\Local\Android\Sdk

小白flutter安裝指南

系統Path 添加;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

好了,現在萬事俱備,我們打開我們的flutter安裝目錄,打開指令行,運作flutter doctor -v

小白flutter安裝指南

沒有X,配置成功,有X的話,說明你哪一步沒有成功

8.由于Android Studio 裡面的模拟器性能是真高,而公司電腦一般,我隻能另辟蹊徑,選擇了傳說中的雷電模拟器,https://www.ldmnq.com/,直接下載下傳安裝

9.打開模拟器,點選設定>關于手機,連擊六次版本号,打開開發者選項,然後進入開發者選項打開USB調試

10.在雷電模拟器安裝目錄打開指令行工具,輸入 adb connect 127.0.0.1:5555,如下圖所示,已經連接配接成功,可以進入Android Studio運作我們的第一個flutter程式了

小白flutter安裝指南

11.大功告成!!!

小白flutter安裝指南