新手必看,F(xiàn)lutter從安裝、環(huán)境配置到成功運行Android Flutter Demo踩過的坑

**關(guān)于FLUTTER的安裝和環(huán)境配置,官網(wǎng)或者其他文章一搜一大把,但是中間遇到的問題是如何解決的相信這才是大家關(guān)心的,下面談一談自己在安裝過程踩過的坑。**

首先我們附上常規(guī)的安裝和環(huán)境配置流程:

1.配置需求:

最低配置要求

  • 操作系統(tǒng): WIndows7以上 64位操作系統(tǒng)
  • 開發(fā)工具:Android Stuido 3.0以上,java jdk 1.8以上
  • 磁盤空間: 最少400MB(不包含Android Studio的安裝空間)
  • 工具: Flutter 需要安裝以下命令行工具
    • Git For Windows(安裝時勾選 Use Git from the Windows Command)如果Git已經(jīng)安裝了,確保在命令行中可以執(zhí)行 git 命令

2.下載fluttergithub.com/flutter/flu…,可采用git命令的方式或者直接下載

 git命令:$ git clone -b beta [github.com/flutter/flu…](https://link.juejin.cn/?target=https%3A%2F%2Fgithub.com%2Fflutter%2Fflutter.git "https://github.com/flutter/flutter.git")

直接下載:![image](https://upload-images.jianshu.io/upload_images/27820348-2f95f30da7a3d5eb.image?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3.環(huán)境配置:找到下載好的flutter的目錄,path中配置環(huán)境變量(我自己的電腦是D:\flutter\bin;)

image

4:測試環(huán)境:windows命令窗口中: flutter doctor,如果正常顯示如下:

image

5.配置Android studio環(huán)境:

在settings中的plugins窗口搜索,dart和flutter進行下載,先下載dart,然后下載flutter。
image
image.png

下載完成后關(guān)聯(lián)dart sdk 和flutter sdk:

首先關(guān)聯(lián)flutter sdk

image

然后關(guān)聯(lián)dart sdk

image

6.發(fā)布你的第一個flutter項目:

image
image

成功運行效果圖:

image

如果過程中你沒有遇到問題,那么恭喜你!
接下來講講坑:


一號坑:Unknown operating system. Cannot install Dart SDK

命令窗口輸入 flutter doctor后提示 Unknown operating system. Cannot install Dart SDK,彈出黃綠色文字 connecting ,dark sdk安裝失敗,這時候找到flutter所在的文件夾,找到flutter_console.bat,右鍵以管理員身份運行,然后繼續(xù)輸入flutter doctor執(zhí)行

二號坑:Unable to locate Android SDK

命令窗口輸入 flutter doctor后提示 X Unable to locate Android SDK,這時候我們在用戶環(huán)境變量中添加 ANDROID_HOME ,D:\Android\android-sdk,重啟電腦后生效。

image

三號坑:sdkmanager not found

命令窗口輸入 flutter doctor后提示 在sdk\tools\bin目錄下 sdkmanager not found ,這時候我們?nèi)ゲ榭床淮嬖趕dkmanager.bat,打開我們的Android studio settings中找到sdk設置,選擇 SDK Tools,勾選Android SDK Tools,下載完成后,配置 ANDROID_HOME,進行重啟

image

四號坑:No devices available

這個問題算比較好解決的了,打開我們的Android studio,找到設備后,重新運行flutter doctor即可

五號坑:提示8.0的sdk license available

在找到flutter_console.bat,右鍵以管理員身份運行,然后輸入flutter doctor --android-licenses,彈窗y/n,輸入y回車即可。

image

好了,祝大家都能順利完成自己的demo。

本文轉(zhuǎn)自 https://juejin.cn/post/6844903638318497805,如有侵權(quán),請聯(liá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ā)布平臺,僅提供信息存儲服務。

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

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