Flutter安裝(Windows平臺)

下載

打開Flutter官網,下載目前(2019/02/20)的穩定版本1.0.0。下載完成解壓到D盤備用。

flutter-install-01.png

更新環境變量

打開計算機的環境變量配置,新增下載的flutter sdk的bin目錄,例如我sdk放在了D:\Program Files\flutter,那么我新增的環境變量為D:\Program Files\flutter\bin。

flutter-install-02.png

測試

新打開cmd界面,輸入flutter,如果得到下面的界面表示flutter已經安裝成功了。

flutter-install-03.png

安裝flutter依賴

繼續在cmd敲入 flutter doctor??梢钥吹饺缦绿崾荆?/p>

flutter-install-04.png

上面第一個 × 是沒有android licenses,照著敲一遍 flutter doctor --android-licenses,全部選 y 就好。

2021.08.20更新:

  Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema
        at com.android.repository.api.SchemaModule$SchemaModuleVersion.<init>(SchemaModule.java:156)
        at com.android.repository.api.SchemaModule.<init>(SchemaModule.java:75)
        at com.android.sdklib.repository.AndroidSdkHandler.<clinit>(AndroidSdkHandler.java:81)
        at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:73)
        at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:48)
Caused by: java.lang.ClassNotFoundException: javax.xml.bind.annotation.XmlSchema
        at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:581)
        at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:178)
        at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:521)
        ... 5 more

執行flutter doctor --android-licenses報錯,原因未知。

繼續運行 flutter doctor,如下

flutter-install-05.png

這兩個 × 是因為Android Studio沒有安裝plugin。

Android Studio安裝plugin

打開Android Studio,File -> Setting -> Plugins -> Browse repositories...

flutter-install-06.png

搜索flutter,已經有108萬人安裝了,點擊install

flutter-install-07.png

安裝完成后需要重啟一次Android Studio,重啟完成繼續執行一次flutter doctor

flutter-install-08.png

好了到這里,flutter的開發環境就搭好了,老規矩,來個hello world測試一下。

Hello world

點開Android Studio的 File -> New 可以看到 New Flutter Project... 選項

flutter-install-09.png

點選Flutter Application,Next,

flutter-install-10.png

為項目取一個名字,注意flutter要求名字全部小寫。配置好flutter sdk,即D:\Program Files\flutter,Next

flutter-install-11.png

寫好applicationId,Finish。

flutter-install-12.png

一個新的項目就建好了,來看下項目的目錄結構

flutter-install-13.png

入口就是 main.dart,直接run,看下真機效果

install-flutter-14.png

好了,可以開始你的flutter之旅了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原生Android開發環境配置 原生Android開發環境變量JAVA配置,可以百度搜索JDK去甲骨文官網下載或者...
    想要的都沒有閱讀 1,489評論 0 1
  • 版權聲明:本文為博主原創文章,未經博主允許不得轉載。http://www.lxweimin.com/p/22675...
    AWeiLoveAndroid閱讀 35,633評論 28 114
  • 獲取Flutter SDK 去flutter官網下載其最新可用的安裝包,點擊下載 ;如果官網無法打開,也可以去Fl...
    dlihasa閱讀 5,425評論 3 3
  • 韓信與蕭何,孰錯孰對? 是韓信輕信了蕭何,還是蕭何看透了人性? 歷史的車輪滾滾向前,大概只有張良明白 ...
    溪夢8872閱讀 420評論 0 0
  • 看著窗外的夕陽慢慢落下,天色逐漸變暗,什么時候變成了讓我感到無比幸福的事了。又有很久沒有在屋里安靜待過一天了吧!...
    槿瓊閱讀 191評論 0 0