歡迎來到Flutter眶掌!
開啟我們Flutter之旅,首先需要安裝下開發(fā)環(huán)境巴碗,下面跟著我一步一步來安裝吧:)
- 去Flutter官網(wǎng)下載其最新可用的安裝包朴爬,點(diǎn)擊去下載
注意:眾所周知,由于國(guó)內(nèi)某種原因有可能讀者可能無法下載安裝包橡淆,讀者可以去Flutter github項(xiàng)目去下, 下載地址
- 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter召噩;注意母赵,不要將flutter安裝到需要一些高權(quán)限的路徑如C:\Program Files\)
- 在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運(yùn)行并啟動(dòng)flutter命令行具滴,接下來凹嘲,你就可以在Flutter命令行運(yùn)行flutter命令了。
注意: 由于一些
flutter
命令需要聯(lián)網(wǎng)獲取數(shù)據(jù)构韵,如果您是在國(guó)內(nèi)訪問周蹭,由于眾所周知的原因,直接訪問很可能不會(huì)成功贞绳。 谷歌為我們搭建了國(guó)內(nèi)鏡像谷醉,所以需要我們?cè)谙到y(tǒng)環(huán)境變量里增加兩個(gè)詳情請(qǐng)參考
配置環(huán)境變量:
- 轉(zhuǎn)到 “控制面板>用戶帳戶>用戶帳戶>更改我的環(huán)境變量”
- 在“用戶變量”下檢查是否有名為“Path”的條目:
如果該條目存在, 追加 flutter\bin的全路徑致稀,使用 ; 作為分隔符.
如果條目不存在, 創(chuàng)建一個(gè)新用戶變量 Path 冈闭,然后將 flutter\bin的全路徑作為它的值. - 在“用戶變量”下檢查是否有名為”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的條目,如果沒有抖单,也添加它們萎攒。
- PUB_HOSTED_URL=https://pub.flutter-io.cn
- FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 重啟window以應(yīng)用此更改
4.運(yùn)行flutter doctor
打開一個(gè)新的命令提示符或PowerShell窗口并運(yùn)行以下命令以查看是否需要安裝任何依賴項(xiàng)來完成安裝:
fluttor doctor
該命令檢查您的環(huán)境并在終端窗口中顯示報(bào)告。Dart SDK已經(jīng)在捆綁在Flutter里了矛绘,沒有必要單獨(dú)安裝Dart耍休。 仔細(xì)檢查命令行輸出以獲取可能需要安裝的其他軟件或進(jìn)一步需要執(zhí)行的任務(wù)(以粗體顯示)
最終輸入如下圖:flutter docotr
注意: 圖中 4個(gè)紅色叉叉是因?yàn)榘姹緸関ersion 2.3和3.1的android studio 沒安裝Flutter 插件導(dǎo)致
當(dāng)然你也可以用vscode
插件安裝方法:
- 啟動(dòng)Android Studio.
- 打開插件首選項(xiàng) (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
- 選擇 Browse repositories…, 選擇 Flutter 插件并點(diǎn)擊 install.
- 重啟Android Studio后插件生效.
再次運(yùn)行flutter doctor
一旦你安裝了任何缺失的依賴,再次運(yùn)行flutter doctor命令來驗(yàn)證你是否已經(jīng)正確地設(shè)置了货矮。
第一次運(yùn)行一個(gè)flutter命令(如flutter doctor)時(shí)羊精,它會(huì)下載它自己的依賴項(xiàng)并自行編譯。以后再運(yùn)行就會(huì)快得多囚玫。
- IDE安裝方法