手把手教你安裝Flutter(Flutter起步之安裝)


官網有介紹的這里就不說,主要有幾個步驟:

  1. 鏡像設置
  2. 下載flutter SDK(更新系統環境變量PATH,先不要運行flutter doctor,因為你還沒有裝android sdk和編輯器)
  3. android設置
    1. 先安裝好jdk(全稱Sun Java SE Development Kit),可以去官網下(我下載的時候提示我要登錄,不用理他,繼續點擊),我下的是.exe格式的,下完安裝就是這個目錄(建議還是不要放C盤,不然重裝系統又要下載)
    2. 然后就是配置java的環境了,新建一個環境變量JAVA_HOME變量值指向你的安裝目錄,在PATH里面追加  ;%JAVA_HOME%\bin; %JAVA_HOME%\jre\bin    ,
      假如你是用win10的話,path的設置就跟我下面的那個圖一樣不需要加 ; 號,不然你運行javac測試的話就一直報錯;
      假如說你配置完環境變量后,重新打開cmd,運行javac一直報錯:請重啟電腦,或者刪掉JAVA_HOME重新配置,path的不用刪掉

    3. 必須要先裝好jdk后再來安裝adk,下載地址 http://developer.android.com/sdk/index.html   
    4. 安裝好后配置環境變量
      新建變量名:ANDROID_HOME,變量值:C:\Program Files (x86)\Android\android_sdk(以你安裝目錄為准,確認里面有tools和add-ons等多個文件夾),點擊確認;
      在用戶變量PATH后面加上變量值    ;%ANDROID_HOME%\tools\platforms; %ANDROID_HOME%\tools
      然后打開安裝目錄下的platform-tools文件夾,看看有沒有文件,沒有的話命令行內運行android,會打開android sdk manager,需要一點點時間啟動。
      如果能夠成功打開下圖這個目錄,可以不用改代理;如果覺得下載太慢你也可以自行配置代理,在Tools->options修改(具體請在博客園查找相關資料,大神們都寫了很多,這里不贅述),配置完要重新刷一下cache

    5. 選擇你需要用的包,不懂的話百度一下你就知道,然后install packages,(這里填一下坑,我用的是win10家庭版系統,安裝目錄在c盤,沒有操作權限,所以命令行要用系統管理員身份打開操作才行,下一篇會有這個的說明);
      安裝這些包需要很長時間,如果你是在學校的話,emmm,你可以晚上睡覺的時候安裝,因為安裝的時候電腦會卡卡的,所以也不能做其他事(比如寫博客)
    6. 安裝完后,重新打開cmd,運行 adb 命令測一下有沒有安裝成功。
      成功會有這些信息出來,如果沒有請檢查你的環境變量有沒有正確,拼寫有沒有正確,可以讓旁邊的同學幫你看一下,如果還是不行,重啟電腦或者刪除ANDROID_HOME,重新新建,成功會如下圖所示
    7. 安裝android stuido(下載地址:https://developer.android.com/studio/index.html) ,
      安裝完成后打開File->setting->plugins  安裝flutter 和 dart  兩個插件
    8. 該安裝的都安裝了,接下來就是見證奇跡的時候了。打開cmd 執行flutter doctor 一下,萬萬沒想到
      報錯:A newer version of the Android SDK is required,run : C:\Program Files (x86)\Android\android_sdk\tools\bin\sdkmanager --update  
      按照命令繼續執行  C:\Program Files (x86)\Android\android_sdk\tools\bin\sdkmanager --update
      報錯:Warning:An error occurred during instakkation:failed 同move or delete existing target file:C:\Program Files (x86)\Android\android_sdk\tools ,
      既然這樣,找到tools文件夾改成tool  繼續執行 C:\Program Files (x86)\Android\android_sdk\tool\bin\sdkmanager --update
      可能會報錯,但是只要有生成tools文件夾就好,把生成的tools里面的文件移到tool,有重復就替換,然后刪掉tools,把tool改成tools
    9. 繼續執行 flutter doctor,提示:

       

    10. 既然有提示那就跟着提示走咯。執行flutter doctor --android-licenses,一路 y 就好了,完成后會告訴你All SDK packages licenses accepted。

    11. 執行flutter doctor 

       

    以上就是安裝配置的全過程,總共耗費一個下午的時間,寫博客又花了一個上午,希望對大家有所幫助

    下面是可以參考的文章:
    android sdk : https://www.cnblogs.com/kangjianwei101/p/5621238.html#m4  
    flutter中文官網 : https://flutterchina.club/setup-windows/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM