Flutter 从心开始（了解，配置，安装，运行项目） - 好文

在这炎炎的夏日，不妨静下心来，了解一下flutter。

推荐一个网址，也是学习flutter的中文网

Flutter中文网 <https://flutterchina.club/>

介绍：

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。
Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

为何使用：

Flutter有什么优势？它可以帮助你：

* 提高开发效率
* 同一份代码开发iOS和Android
* 用更少的代码做更多的事情
* 轻松迭代
* 在应用程序运行时更改代码并重新加载（通过热重载）
* 修复崩溃并继续从应用程序停止的地方进行调试
* 创建美观，高度定制的用户体验
* 受益于使用Flutter框架提供的丰富的Material Design和Cupertino（iOS风格）的widget
* 实现定制、美观、品牌驱动的设计，而不受原生控件的限制
核心原则：

Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具。这些组件可以帮助您快速地设计、构建、测试和调试应用程序。

一切皆为widget

Widget是Flutter应用程序用户界面的基本构建块。每个Widget都是用户界面一部分的不可变声明。
与其他将视图、控制器、布局和其他属性分离的框架不同，Flutter具有一致的统一对象模型：widget。

Widget可以被定义为:

* 一个结构元素（如按钮或菜单）
* 一个文本样式元素（如字体或颜色方案）
* 布局的一个方面（如填充）
* 等等…
Widget根据布局形成一个层次结构。每个widget嵌入其中，并继承其父项的属性。没有单独的“应用程序”对象，相反，根widget扮演着这个角色。

您可以通过告诉框架使用另一个widget替换层次结构中的widget来响应事件，例如用户交互，替换后框架会比较新的和旧的widget，并高效地更新用户界面。

组合 > 集成

Widget本身通常由许多更小的、单一用途widget组成，这些widget结合起来产生强大的效果。例如，Container
<https://github.com/flutter/flutter/blob/master/packages/flutter/lib/src/widgets/container.dart>
是一个常用的widget，由多个widget组成，这些widget负责布局、绘制、定位和调整大小。具体来说，Container由 LimitedBox
<https://docs.flutter.io/flutter/widgets/LimitedBox-class.html>、ConstrainedBox
<https://docs.flutter.io/flutter/widgets/ConstrainedBox-class.html>、 Align
<https://docs.flutter.io/flutter/widgets/Align-class.html>、 Padding
<https://docs.flutter.io/flutter/widgets/Padding-class.html>、 DecoratedBox
<https://docs.flutter.io/flutter/widgets/DecoratedBox-class.html>、和Transform
<https://docs.flutter.io/flutter/widgets/Transform-class.html>组成。
您可以用各种方式组合这些以及其他简单的widget，而不是继承容器。

类层次结构很浅且很宽，可以最大限度地增加可能的组合数量。

*以上为官网所提供的概述，更多细节大家可以去网站上阅读

-------------------------------------------------------------------------------------------------------------

好进入下一关：（安装）

首先需要下载flutter，我们使用git下载到我门的指定文件夹就好了，没有git可以网络上下载挺方便的。

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

在你需要下载的目录右键Git Bash Here 然后copy我们的地址就好了。

下载完成后打开flutter目录双击flutter_console.bat

出现图片中的log 并不能说明成功了。。。也不知道网络上所说的这个干毛用

不要慌：输入 flutter doctor Enter

此时说明才说明成功了啊。。

在此之前

我们还需要配置一下环境变量

在用户变量新建就好

变量值：FLUTTER_STORAGE_BASE_URL 变量名： https://storage.flutter-io.cn

变量值：Path 变量名：
E:\Flutter\flutter\bin（目录）

变量值：PUB_HOSTED_URL 变量名：https://pub.flutter-io.cn

ok,重新 flutter doctor 吧

下一步：

在Android Studio中安装 drat 和 flutter 插件。

如果网络不行，也不用去jetbrains 下载离线插件，版本和As 不一样，也安不上。更可怕的是如果出现错误，很麻烦。
我在安装离线插件的时候 Android studio 打不开了，很难受，百度了一下：

需要把C盘用户 ..AndroidStudio3.0 删除。

重新打开就好了，说一说。

你可以打开手机热点，然后电脑连接，在重新试一下。百试不爽。。

接下来在Setting中配置一下flutter的路径

New Project

* 选择 File>New Flutter Project
* 选择 Flutter application 作为 project 类型, 然后点击 Next
* 输入项目名称 (如 myapp), 然后点击 Next
* 点击 Finish
* 等待Android Studio安装SDK并创建项目.
报错汇总：

1.新建项目运行时可能会出现build tools xxx.x version的问题

这可能是因为我还用eclipse 在这之中我的环境变量是我另外一个android sdk，一般不会出现这个问题，如果你出现了

打开 local.properties 将sdk.dir 换成你studio使用的sdk路径就好了。不知道的请看

通过setting 自己查看一下

2. 在我们在命令行输入flutter 可能会出现

没关系，这是因为flutter 下载或者版本出现问题了，等待就好。

再次提供两个插件：https://download.csdn.net/download/lhk147852369/10576313
<https://download.csdn.net/download/lhk147852369/10576313>

因为版本问题可能会安装时失败，请换手机热点重新搜索导入尝试，出现问题不要慌，往上翻。

热门工具换一换