距离 flutter 正式发布已经有半年了。目前 flutter 发展如日中天，从新加 qq 群的朋友数量就可以看出来。flutter 早已经支持了桌面版的开发，前一段时间又出来了 web 版。看来离 flutter 一统江湖，哦不，一统前端的时间已经不远了：）。现在就差小程序这么个前端领域没有被 flutter 触及到了，对于国人的 diy 能力，我是深信的。如果真有那么一天，相信 flutter 也能翻译成小程序的版本，看看 taro 就知道了。

好了闲话说完，下面正式进入主题：

环境

安装 flutter

安装 flutter 的最新版本，还是建议直接从官网直接下载，目前地址:

https://storage.googleapis.co…

下载完毕后解压缩到一个目录中，并且配置一下环境变量，这个在我们的环境安装篇里面已经讲过了，这里不再重复。

完毕之后运行一下

flutter precache

配置 web 版环境

按照官方的要求:https://github.com/flutter/fl…

运行一下这个命令:

flutter pub global activate webdev

这个步骤应该没有毛病，相当顺利。不过出现了这么个警告:

我们依照这里的指令，将 export PATH="$PATH":"$HOME/working/flutter/.pub-cache/bin" 加入配置。

我们把官方的 demo clone 下来，

git clone https://github.com/flutter/flutter_web.git

进入到 example 中的 hello_world, 运行下flutter pub upgrade

cd examples/hello_world
flutter pub upgrade

然后运行webdev serve

这里提示了dart: command not found

显然，这里是少了 dart 这个命令，之前没有将 dart sdk 加入环境变量中，经过一番搜索，发现原来在这里：

flutter/bin/cache/dart-sdk/bin

我们将这个加入到环境变量

再次运行:

显然需要运行:

pub get

再次运行:

效果:

来个复杂点的例子:

进入 examples/gallery

运行

pub get
webdev serve

效果: