美文网首页
Flutter安装(Windows平台)

Flutter安装(Windows平台)

作者: 方_f666 | 来源:发表于2021-11-06 17:31 被阅读0次

下载

打开Flutter官网,下载目前(2019/02/20)的稳定版本1.0.0。下载完成解压到D盘备用。

image

更新环境变量

打开计算机的环境变量配置,新增下载的flutter sdk的bin目录,例如我sdk放在了D:\Program Files\flutter,那么我新增的环境变量为D:\Program Files\flutter\bin。

image

测试

新打开cmd界面,输入flutter,如果得到下面的界面表示flutter已经安装成功了。

image

安装flutter依赖

继续在cmd敲入 flutter doctor。可以看到如下提示:

image

上面第一个 × 是没有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,如下

image

这两个 × 是因为Android Studio没有安装plugin。

Android Studio安装plugin

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

image

搜索flutter,已经有108万人安装了,点击install

image

安装完成后需要重启一次Android Studio,重启完成继续执行一次flutter doctor

image

好了到这里,flutter的开发环境就搭好了,老规矩,来个hello world测试一下。

Hello world

点开Android Studio的 File -> New 可以看到 New Flutter Project... 选项

image

点选Flutter Application,Next,

image

为项目取一个名字,注意flutter要求名字全部小写。配置好flutter sdk,即D:\Program Files\flutter,Next

image

写好applicationId,Finish。

image

一个新的项目就建好了,来看下项目的目录结构

image

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

image

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

相关文章

网友评论

      本文标题:Flutter安装(Windows平台)

      本文链接:https://www.haomeiwen.com/subject/ngpjzltx.html