下載
打開Flutter官網,下載目前(2019/02/20)的穩定版本1.0.0。下載完成解壓到D盤備用。
更新環境變量
打開計算機的環境變量配置,新增下載的flutter sdk的bin目錄,例如我sdk放在了D:\Program Files\flutter,那么我新增的環境變量為D:\Program Files\flutter\bin。
測試
新打開cmd界面,輸入flutter,如果得到下面的界面表示flutter已經安裝成功了。
安裝flutter依賴
繼續在cmd敲入 flutter doctor??梢钥吹饺缦绿崾荆?/p>
上面第一個 × 是沒有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,如下
這兩個 × 是因為Android Studio沒有安裝plugin。
Android Studio安裝plugin
打開Android Studio,File -> Setting -> Plugins -> Browse repositories...
搜索flutter,已經有108萬人安裝了,點擊install
安裝完成后需要重啟一次Android Studio,重啟完成繼續執行一次flutter doctor
好了到這里,flutter的開發環境就搭好了,老規矩,來個hello world測試一下。
Hello world
點開Android Studio的 File -> New 可以看到 New Flutter Project... 選項
點選Flutter Application,Next,
為項目取一個名字,注意flutter要求名字全部小寫。配置好flutter sdk,即D:\Program Files\flutter,Next
寫好applicationId,Finish。
一個新的項目就建好了,來看下項目的目錄結構
入口就是 main.dart,直接run,看下真機效果
好了,可以開始你的flutter之旅了。