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

Flutter安装(Windows平台)

作者: 刀放下好好说话 | 来源:发表于2019-02-20 01:43 被阅读48次

    下载

    打开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 就好。

    继续运行 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之旅了。

    相关文章

      网友评论

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

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