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

目录

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的时候要简单不少，很期待后续的编写体验。