初识Flutter-安装和环境配置

新项目需要用到Flutter，于是开始学习，先搞下环境，写个Hello World！

Flutter介绍

Flutter是Google开源的UI工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。以上摘自Flutter官方。刚开始学习可以参考Flutter中文教程。

安装和环境配置(Win10 64位)

获取最新的Flutter SDK压缩包，这里版本是2.5.0，要查看其他发行通道和以往的版本，请参阅SDK版本列表页面。这里解压到D盘根目录，并配置环境变量path，添加flutter\bin目录。命令提示符窗口运行flutter doctor检测运行环境（这里出错了一次，不过不影响结果，两次都是）提示缺少Android SDK。

配置Android开发环境

现在Android开发官网里Android SDK集成到Android Studio，直接下载Android Studio即可。之前想单独装Android SDK的，15年开始就没有更新了，结果各种错误，最后放弃。

单独装Android SDK失败过程，请忽略
这里直接从AndroidDevTools单独下载Android SDK压缩包。依旧解压到D盘根目录，文件夹改名为android-sdk。启动SDK Manager.exe，默认选项，直接单击Install XX Packages按钮，弹出框中选中Accept License单选框（每个Packages大项都要点），然后单机Install按钮开始安装，下载需要一段时间。新建环境变量ANDROID_SDK_ROOT到android-sdk目录。配置环境变量path添加%ANDROID_SDK_ROOT%\tools和%ANDROID_SDK_ROOT%\platform-tools两条记录。命令提示符窗口执行adb --version出现版本号表示Android SDK环境安装成功。
这里有个问题，就是获取的版本不是最新的，只到29，在SDK Manager.exe貌似没法再提升版本了，开发要用API30和31的，也没有。在sdkmanager --list中是能找到新的版本的，通过sdkmanager --update能把Android SDK Platform-tools 升级到最新的31.0.3。通过sdkmanager "build-tools;30.0.3" "platforms;android-30"和sdkmanager "build-tools;31.0.0" "platforms;android-31"更新编译和开发调试工具。
命令提示符窗口运行flutter doctor检测运行环境，新错误cmdline-tools component is missing。命令提示符窗口连接到android-sdk\tools\bin目录，执行sdkmanager "cmdline-tools;latest"安装（Flutter提示多一个–install参数），Accept? (y/N):输入y回车。
然后还有一个同意 Android 协议，执行flutter doctor --android-licenses，一路y回车。最后只剩一个[!] Android Studio (not installed)，因为没用Android Studio，忽略。
执行AVD Manager.exe创建虚拟设备启动，提示图片没用，明明路径都存在……最后尝试无果，最后放弃，重新去下载了Android Studio

安装Android Studio，这里把SDK安装路径改为了D盘

安装完成后通过More Actions-SDK Manager来管理Android SDK。模拟器AVD Manager在下面

新建环境变量ANDROID_SDK_ROOT到android-sdk目录。命令提示符窗口执行flutter doctor检测运行环境，提示cmdline-tools component is missing，安装cmdline-tools

同意Android协议：执行flutter doctor --android-licenses，一路y回车，此时执行flutter doctor检测运行环境，全部通过

配置Android模拟器的时候需要自己按需求下载用到的照片（模拟器是真的大，默认用户文件夹，对应C盘吃紧的我雪上加霜。改路径需要新建环境变量ANDROID_ADV_HOME以及删除默认路径.android后新建）

编辑工具设定

Flutter支持Android Studio、IntelliJ、VS Code以及传说中的编辑器Emacs，这里我用的Visual Studio Code（yyds）
打开VS Code，Ctrl+Shift+p打开命令面板，输入install选择Install Extensions，扩展搜索输入框中输入flutter选择Flutter并单击Install按钮（会安装Dart插件）。Enabled>Reload Required重新启动 VS Code。命令面板中输入doctor选择 Flutter: Run Flutter Doctor，输出 (OUTPUT) 面板不报错表示安装完成（就是flutter doctor，只不过多个了参数-v）

Hello World

Ctrl+Shift+p打开命令面板，输入flutter，选择Flutter: New Application Project创建项目文件夹。输入项目名称，确定后在项目目录中就会生成main.dart文件。选择要启动的设备，启动（按F5），就能看到自带的示例程序

这里改为“祖传代码”，用chorme启动，效果如下

开发环境搞完就要开始正式学习了，至此文章就水完了，感觉官方Flutter中文教程的文档更好，要想入坑可以去看看。