[TS-001] Flutter 开发环境搭建思路
大家好，这里是优雅实践实验室，这一节将介绍如何搭建 Flutter 开发环境。
Flutter 开发环境是由什么组成的
eplab 只提供思路，不会手把手教学。
所以从思路出发。当提及配置 Flutter 开发环境的时候，我们到底在配置什么？
由 Flutter 的设计可知，Flutter 是编译后嵌入到目标平台的。
所以我们需要同时具备 Flutter 开发环境和目标平台的开发环境。
- Flutter 开发环境
- Flutter SDK
- dart SDK
- pub 命令
- IDE + Flutter 插件
- git 等环境杂项
- Flutter SDK
- 目标平台的开发环境（按须配置）
- 目标平台 SDK
- 目标平台的模拟器（可选）
Flutter 开发环境 需要配置基础的 Flutter SDK、IDE 及其插件、和一些杂项开发环境。
目标平台环境需要选择要开发调试的目标，配置相应的目标平台的 SDK 和运行程序的模拟器。
Flutter 开发环境介绍
Flutter SDK
Flutter 是 UI 框架，而 Dart 是 Flutter 框架使用的编程语言。
而 Pub 命令是用于安装依赖的命令行程序。（pub 的作用类似前端的 npm。）
当你安装了 Flutter SDK ，也就同时安装上了 Dart 环境和 pub 命令行程序。
IDE 和 Flutter 插件
为了让你 IDE 支持 Flutter 项目的创建、调试、开发等功能，需要在各自的插件拓展中安装 Flutter 插件。
当然，vscode 中的插件会更丰富，因此较好的推荐的是，使用 vscode 进行编码；
仅在特殊的性能调试、内存调试等情况下，使用更为专业的 Android Studio 或者 Xcode.
顺带一提，vscode 安装后，可以直接通过 vscode 辅助安装 Flutter SDK 环境。
目标平台环境介绍
集成开发套件 SDK
| 平台 | 目标平台 SDK | IDE | 许可证 |
|---|---|---|---|
| Android | Java SDK + Gradle + Android envir | Android Studio | flutter doctor --android-licenses |
| iOS | CocoaPods | Xcode | sudo xcodebuild -license |
| Web | |||
| Windows | Desktop development with C++ (vs options) | Visual Studio | |
| MacOS | CocoaPods | Xcode | sudo softwareupdate --install-rosetta --agree-to-license |
| Linux | clang, cmake, ninja-build, pkg-config, libgtk-3-dev, libstdc++-12-dev |
除了安装 Flutter SDK，对于不同的平台端，仍然需要单独配置，目标平台对应的工具，如上表所示。
其中 IDE 部分是必须安装的开发工具，因为我们需要使用这些 IDE 配置左侧的目标平台 SDK，跟着文档一步一步的完成，一般不会出问题。
许可证是不同目标平台需要同意的开发协议，如果没有配置运行这些命令行，可能会在最后 flutter doctor 中出现 [!] 的黄色感叹号提示。
模拟器
最后是模拟器配置，但事实上模拟器中可能出现一些运行时 bug，为了避免无意义的错误信息，最好使用真机调试。
接下来简单的过一遍文档的使用。
网络环境正常的情况下
在网络环境正常的情况下。打开 Flutter 官方文档。
根据你使用的平台，选择对应的操作系统。
之后根据你需要调试的目标平台，选择对应的选项。
之后你会获得一份非常长的文档，但是没有关系，一步一步的走就可以了。
网络不好的情况
但由于一些因素，国内网络环境下可能会无法访问一些仓库地址。
所以 Flutter 社区为中国开发者提供了特殊的环境配置介绍。
就像 npm 需要配置国内源一样。
这里需要配置两个环境变量，来开启对 pub 命令的国内镜像使用：PUB_HOSTED_URL、FLUTTER_STORAGE_BASE_URL。
其中 Flutter SDK 国内镜像的下载，也在文档中提供了使用方法。
Android Gradle
另一个常见的问题是：
Flutter 的开发环境已经搭建完成了，可以运行 Web 项目了。但是安卓端的编译却异常缓慢。
事实上你还需要解决目标平台的 SDK 在国内访问的镜像问题，例如在 Android 开发中需要解决 Gradle 镜像配置。
而这些就当作课后练习题去自己结合搜索引擎解决吧。
测试配置的环境
在终端使用 flutter doctor ，即可对 Flutter 的环境进行检测。
当左侧全部打勾，即证明环境没有任何问题。
虽然也可能和我的情况一样存在一些小异常，特别是最后三项和网络相关的配置，Don't warry，不影响使用。
那就开始第一个 Flutter 的 Hello World 吧。在终端中输入以下命令行：
flutter create counter
cd counter
flutter run当屏幕上显示出计数器程序的时候，恭喜你完成了环境搭建。
最后
最后，eplab 不会手把手教授所有知识。
知识是会过期的，视频也会过期，只有官方文档——作为第一手资料是绝对可靠的。
因此之后的视频也会以这样的节奏，快速提炼重点。
仅在疑问较多的问题上，单独补充解答。
就是这样，更多视频相关的 链接、资料、逐字稿，请访问 https://eplab.top/tag/ts.
