美文网首页
【Toki从零学Flutter】运行官方演示项目

【Toki从零学Flutter】运行官方演示项目

作者: TokiHunter | 来源:发表于2019-11-29 02:06 被阅读0次

    目录

    1. 配置环境
    2. 运行官方演示项目
    3. 编写一个列表应用
    4. 混合开发 iOS版

    前言

    环境配好了,现在开始创建一个项目,看一下能不能正常运行。


    配置编辑器

    编辑器我习惯用轻量级的VS Code,Flutter官网也有相关配置教程。
    装上Dart和Flutter的插件就可以支持Flutter程序的编辑和运行/调试了。


    创建Flutter App

    首先通过命令面板选择Flutter: New Project



    然后,填好名字,战术后仰,等待项目生成完毕。

    运行Flutter App

    右下角这个地方可以点击,选择程序运行的目标设备,可以是模拟器,安卓的话,推荐用真机,别问我为什么。



    选好之后按F5,或者下图中的两种方式都可以调试



    运行一次的时间有点长...没事做的话,可以去找测试妹子聊聊人生。

    运行成功

    神奇的以转眼之间,运行成功了,默认的demo是一个计数器,点击右下角按钮,中间数字累计加一;

    热重载

    前面说了,运行一次的时间并不短,好在Flutter提供了热重载功能,在保持连接的状态下,编辑好的代码只要按下保存或者按顶部的⚡️按钮就会即时显示在目标设备上。


    下面我也来体验一下,把标题改掉



    改标题顺便关注了一下热重载的用时,200+ms,对于Xcode用户来说已经是一个相当满意的速度了


    后记

    这次只是简单运行一下Flutter给的例子。
    单论开发工具的话,手感比Xcode的要舒服不少,此外热重载的效率对我也很有吸引力。
    体验到现在,感觉比当初玩RN的时候要简单不少,很期待后续的编写体验。

    相关文章

      网友评论

          本文标题:【Toki从零学Flutter】运行官方演示项目

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