亲历一次vscode搭建flutter开发环境

写在前面
目前市面上有很多APP开发工具、框架。原生、ionic、weex、react-native、mui...都有亲历的项目，各有各的辛酸。前几天偶然听说flutter，据说是个曙光。一贯的原则，管他三七二十一，hello world跑起来再说。这篇文章记录了整个环境的大家过程。同时我新建了一个群，方便讨论。点此加入，或者：521354188

准备工作

以windows为例，：
1、安装vscode（相信大家都安装了）
2、android sdk（我是android studio开发过所以带着）
3、安装java（配环境变量）
4、git（没有也行，相信大家都安装了）

Clone the repo

先把flutter clone下来

git clone -b beta https://github.com/flutter/flutter.git

执行clone直接成功的概率很低，失败的情况下重新ctrl+c，然后再次执行。如果还不成功直接去github上下载吧。效果一样，这就是上面说的git可以不装。如果 完成后找到目录应该如下图：

完成后，直接在cmd里执行flutter是没戏的，因为没配置系统环境变量，把你的“flutter目录+bin”这个路径加到系统的环境变量中。

自动初始化

cmd执行

flutter doctor

等待完成即可，同样的问题也是不太容易成功，多试几次就行。实在不行找我。 成功后可以看到如下界面：

开发语言是dart 下载dart 需要点时间的。实在不成功找我，反正我成功了的。
至此，基本完成了，现在就差vscode的配置了。

vscode配置
首先下载dart code插件

如果报错，在setting中加上

"java.home": "D:\\Program Files\\Java\\jdk1.8.0_161"

接下来就可以执行：

flutter create xxxx

创建你的第一个项目了。

补充说明

问题比较多的地方就是下载，你各种办法想尽，还不如直接科学上网一下。 如果那个实在下载不下来，找我！我发给你！省事

第一大疑问

我才几行代码，打包后居然有20M++, 实在是匪夷所思....骚猴如果解决了，我再发帖！