Flutter起步之安裝

PeggyChan發表於2019-05-18
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，提示：

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

    10. 執行flutter doctor 

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

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

相關文章