本文已参与掘金创作者训练营第三期「高产更文」赛道，详情查看：掘力计划｜创作者训练营第三期正在进行，「写」出个人影响力。

前言

【Flutter 从 0 到 1】这个专栏记录了我是如何从零基础开始学习 Flutter，以及在学习过程中踩过的坑，到最后输出一份属于自己的项目模板的过程。写这个专栏的目的也是为了让初学 Flutter 的朋友避免走一些弯路，能尽快的学会 Flutter 以及它的生态。

这里存放该专栏的文章顺序，每次发布新文章时，会更新每篇文章的这里：

第一篇：为什么选择 Flutter ？
第二篇：如何上手 Flutter ？ <— 你的当前位置
第三篇：了解 Flutter 的生态
第四篇：Flutter 简单的工程化
第N篇：...

Start Game

在线运行 Dart 代码：dartpad.dartlang.org/ ，学习阶段直接在上面运行代码就可以。

官网 dart.dev/ ，中文官网 dart.cn/ ，但是我都不看，哎，就是玩儿~

我首先看的是 Flutter中文网的开源书籍《Flutter 实战》中 Dart语言简介部分，章节很少（只有变量、函数、异步、Stream、对比其他语言，这 5 个小节），能让我这个会 JS 的人直接上手 Dart。

看了这个之后，我其实直接就去学 Flutter 去了，学到一半发现一部分 Dart 语法看不懂的时候，又倒回去系统的学习。所有这里我还是建议一步一个脚印的来，直接先去系统的学习 Dart 语言。

比较喜欢这一份教程：Dart2 中文文档

你要问我为啥喜欢，我其实也不知道... 找到自己一篇满意的教程，看就完了，反正有官网在哪儿兜底呢对吧

为啥搭建开发环境看了两份教程？我记得好像是每篇文章中都有一点不足，我把两篇文章结合了一下，具体是啥不足，我给忘了，时间有点久远了...

看了这两篇教程后，我自己综合总结了一份 Windows下搭建Flutter的Android开发环境教程，如果是 Windows 环境的朋友直接看我的这一份也是可以的。

第二步，就是真正的开始学习 Flutter 教程了

官网 flutter.dev/ ，Flutter中文网提供的文档 flutterchina.club/docs/ ，Flutter中文资源网提供文档 flutter.cn/docs ，但是我还是都不看，哎，就是玩儿~

我看的是前文提到的 Flutter中文网的开源书籍《Flutter 实战》

这本书其实就是著名的 HTTP 请求库 Dio 的作者开源的，所以质量绝对是有保证的！
同时，这个库在下一篇文章中也会用到。

我读了它的：第一章起步、第二章第一个Flutter应用、第三章基础组件的前两节，然后就跳到了第十一章文件操作与网络请求。

为啥诸如第三章的后半部分和第四章我不看了？因为有点点枯燥，这部分大多讲的是 Widget 的用法（有点点类似于教你如何在 Vue 中使用 ElementUI 框架一样），我觉得用到的时候再去看比较节约时间，前期留个印象，大致知道 Flutter 提供了哪些常用的 Widget 就好。

当然，你能坚持把整份文档肝下来，那......那你确实牛x！

还是前文提到的技术胖的 Flutter免费视频，直接看第二到第四季 + 20个小例子。看完能让你熟悉常用的 Widget、常用的布局、路由相关知识。

不喜欢图文教程的朋友可以去哔哩哔哩找一下技术胖的视频教程，都是和图文教程配套的。

到这儿其实你已经能上手 Flutter 了，不过如果有其他领域开发经验的朋友可能会第一时间想到：“我目前掌握的大多是 Flutter 本身提供基础知识，写写小 demo 还凑合，如果拿来做大项目，是远远不够用的”

是的。

因为你目前还不具备一些常见的“工程化”方案，譬如 HTTP 模块：我们往往不直接使用官方提供的原生 HTTP API，而是去使用第三方的 Dio 插件，并且我们还要基于 Dio 插件进行二次封装，使其变得更加好用。

像这些东西，下一篇文章我们再详细的说。

所以，下一篇文章见。