Flutter初探

简述

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作，国内很多大公司都在使用

---

语言

Dart是AOT（Ahead Of Time）编译的，编译成快速、可预测的本地代码，使Flutter几乎都可以使用Dart编写。这不仅使Flutter变得更快，而且几乎所有的东西（包括所有的小部件）都可以定制。

Dart也可以JIT（Just In Time）编译，开发周期异常快，工作流颠覆常规（包括Flutter流行的亚秒级有状态热重载）。

Dart可以更轻松地创建以60fps运行的流畅动画和转场。Dart可以在没有锁的情况下进行对象分配和垃圾回收。就像JavaScript一样，Dart避免了抢占式调度和共享内存（因而也不需要锁）。由于Flutter应用程序被编译为本地代码，因此它们不需要在领域之间建立缓慢的桥梁（例如，JavaScript到本地代码）。它的启动速度也快得多。

Dart使Flutter不需要单独的声明式布局语言，如JSX或XML，或单独的可视化界面构建器，因为Dart的声明式编程布局易于阅读和可视化。所有的布局使用一种语言，聚集在一处，Flutter很容易提供高级工具，使布局更简单。

开发人员发现Dart特别容易学习，因为它具有静态和动态语言用户都熟悉的特性。

并非所有这些功能都是Dart独有的，但它们的组合却恰到好处，使Dart在实现Flutter方面独一无二。

---

进入正题

1.进入Flutter官网（https://flutter.dev/docs/get-started/install/macos）我是Mac 贴的是Mac地址 获取Flutter SDK 地址

2设置永久性的PATH

这里说一个坑： Terminal 执行  export PATH="$PATH:/Users/xxx/Downloads/flutter/bin" 设置完 环境变量

新建一个命令行窗口，再次输入flutter doctor，你会发现仍然报-bash: flutter: command not found这个错误

因为这句命令指示针对当前命令行窗口设置PATH环境变量

我们来设置永久性的PATH

1>进入当前用户的home目录

2>输入touch .bash_profile

3>open -e .bash_profile 打开

4>编辑 添加bin所在位置 见下图

5> 关闭 .bash_profile 并且保存 输入source .bash_profile

.bash_profile

3 设置编辑器 我这里用的 Visual Studio Code 安装 VS Code（这里贴上Mac地址 https://code.visualstudio.com/）

4.安装Flutter和Dart插件

   1>启动VS Code。

   2>调用 View > Command Palette…

   3>键入“install”，然后选择Extensions：Install Extensions。

   4>在扩展名搜索字段中键入“flutter”，在列表中选择“ Flutter ”，然    后单击“ 安装”。这也安装了所需的Dart插件。

5.使用Flutter Doctor验证您的设置

调用View > Command Palette…

输入“doctor”，然后选择Flutter：Run Flutter Doctor。

查看OUTPUT窗格中的输出是否存在任何问题。

6.这时候Flutter的Demo就建成了 附上图

flutter初始demo