开启Flutter之旅

1.课程简介

本课程是一个Flutter官网的code labs入门课程，通过此课程你可以学会基础的Flutter 组件、布局、最后通过完成一个购物app的界面。

​                   ​​                   ​

​                   ​

2.Flutter简介

Flutter是Google发布的一个用于创建跨平台、高性能移动应用的框架。Flutter和QT mobile一样，都没有使用原生控件，相反都实现了一个自绘引擎，使用自身的布局、绘制系统。那么，我们会担心，QT mobile面对的问题Flutter是否也一样，Flutter会不会步入QT mobile后尘，成为另一个烈士？要回到这个问题，我们先来看看Flutter诞生过程：

2017 年 Google I/O 大会上，Google 首次推出了一款新的用于创建跨平台、高性能的移动应用框架——Flutter。

2018年2月，Flutter发布了第一个Beta版本，同年五月， 在2018年Google I/O 大会上，Flutter 更新到了 beta 3 版本。

2018年6月，Flutter发布了首个预览版本，这意味着 Flutter 进入了正式版（1.0）发布前的最后阶段。

      观其发展，在2018年5月份，Flutter 进入了 GitHub stars 排行榜前 100 名，已有 27k star。而今天(2018年8        月16日)，已经有35K的Star。经历了短短一年多的时间，Flutter 生态系统得以快速增长，由此可见，Flutter          在开发者中受到了热烈的欢迎，其未来发展值得期待！

现在，我们来和QT mobile做一个对比：

生态；从Github上来看，目前Flutter活跃用户正在高速增长。从Stackoverflow上提问来看，Flutter社区现在已经很庞大。Flutter的文档、资源也越来越丰富，开发过程中遇到的很多问题都可以在Stackoverflow或其github issue中找到答案。

技术支持；现在Google正在大力推广Flutter，Flutter的作者中很多人都是来自Chromium团队，并且github上活跃度很高。另一个角度，从今年上半年Flutter频繁的版本发布也可以看出Google对Flutter的投入的资源不小，所以在官方技术支持这方面，大可不必担心。

开发效率；Flutter的热重载可帮助开发者快速地进行测试、构建UI、添加功能并更快地修复错误。在iOS和Android模拟器或真机上可以实现毫秒级热重载，并且不会丢失状态。这真的很棒，相信我，如果你是一名原生开发者，体验了Flutter开发流后，很可能就不想重新回去做原生了，毕竟很少有人不吐槽原生开发的编译速度。

基于以上三点，相信读者和笔者一样，Flutter未来如何，心中自有定论。到现在为止，我们已经对移动端开发技术有了一个全面的了解，接下来我们便要进入本书的主题，你准备好了吗！

3.安装

1.Windows

https://flutterchina.club/setup-windows/

2.Mac os

https://flutterchina.club/setup-macos/

4.环境配置

Android studio

https://flutterchina.club/get-started/editor/#androidsstudio

vs code

https://flutterchina.club/get-started/editor/#vscode

5.Dart语言入门

https://codelabs.flutter-io.cn/codelabs/from-java-to-dart-cn/index.html#0

5.编写第一个Flutter

https://codelabs.flutter-io.cn/codelabs/first-flutter-app-pt1-cn/index.html#7

https://codelabs.flutter-io.cn/codelabs/first-flutter-app-pt2-cn/index.html#0