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。可以看到如下提示:

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去甲骨文官网下载或者...
    想要的都没有阅读 5,345评论 0 1
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/22675...
    AWeiLoveAndroid阅读 35,806评论 28 114
  • 获取Flutter SDK 去flutter官网下载其最新可用的安装包,点击下载 ;如果官网无法打开,也可以去Fl...
    dlihasa阅读 10,739评论 3 3
  • 韩信与萧何,孰错孰对? 是韩信轻信了萧何,还是萧何看透了人性? 历史的车轮滚滚向前,大概只有张良明白 ...
    溪梦8872阅读 3,081评论 0 0
  • 看着窗外的夕阳慢慢落下,天色逐渐变暗,什么时候变成了让我感到无比幸福的事了。又有很久没有在屋里安静待过一天了吧!...
    槿琼阅读 1,261评论 0 0