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

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

  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。
      java

    11. 執行flutter doctor 

       

    以上就是安裝配置的全過程,總共耗費一個下午的時間,寫博客又花了一個上午,但願對你們有所幫助android

    下面是能夠參考的文章:
    android sdk : http://www.javashuo.com/article/p-ojzxdjzk-dt.html  
    flutter中文官網 : https://flutterchina.club/setup-windows/windows

相關文章
相關標籤/搜索