一、Flutter初始入门构建window环境，并且运行helloWorld

@author: Jeannette

引言: Flutter框架已经不用过多解释了，只要知道它是Google的提供的解决方案, 并且语法糖是Dart就可以了。目的就是一套代码解决Web, APP, Desktop多端问题，并且免费/开源。

官网: flutter.dev/

flutter运行概要

flutter运行包
Android-studio / flutter插件
vscode / flutter插件
夜神模拟器

1. 首先需要从官网下载最新的flutter包

1-1 设置镜像

set PUB_HOSTED_URL=https://pub.flutter-io.cn
set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

1-2 安装Flutter sdk

通过git克隆下载git clone -b stable https://github.com/flutter/flutter.git
通过官网下载https://flutter.dev/docs/development/tools/sdk/releases#windows

1-3 手动设置Flutter环境变量

1)打开 【win菜单-> 控制面板> 用户帐户> 用户帐户> 更改我的环境变量】
2)在【用户环境】下检查是否有名为【Path】的条目:
    2-1)如果该条目存在, 追加 flutter\bin的全路径，使用 ; 作为分隔符.
    2-2)如果条目不存在, 创建一个新用户变量 Path ，然后将 flutter\bin的全路径作为它的值.
3)在【用户变量】下检查是否有名为【PUB_HOSTED_URL】和【FLUTTER_STORAGE_BASE_URL】的条目，如果没有，也添加它们。
重启Windows以应用此更改

最后运行cmd运行 flutter version 进行检查是否正常运行

1-4 运行`flutter docker`

用于检查本地环境缺乏的内容，一开始还没有安装好Android-studio，一般都会报出此错误Android toolchain - develop for Android devices 与 Unable to locate Android SDK，请继续第2步,说明你的系统还没有进行配置与下载Android-studio, 至于其它错误一步步来

flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.7.8+hotfix.4, on Microsoft Windows [Version 10.0.17763.194], locale zh-CN)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/setup/#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, set ANDROID_HOME to that location.
      You may also want to add it to your PATH environment variable.

[!] Android Studio (version 3.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] IntelliJ IDEA Ultimate Edition (version 2019.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code, 64-bit edition
    X Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! No devices available

2. 安装Android-studio与android-sdk

2.1 安装Android-studio

推荐下载地址: http://www.android-studio.org/index.php/download 安装完成后Start a new Android Studio project

随便创建一个项目-然后一路Next就可以了，最后Finish

2.2 设置Android-studio SDK 路径并且安装

在这里不建议指定去C盘，由于SDK容量过大需要修改路径在Android-studio —> File -> Settings -> System Settings -> Android SDK -> 修改Android SDK Location路径

选择几个Android SDK 版本勾选，并且点击Apply-> 进行下载 -> 最后点击 ok

下载时间过长，请慢等

2.3 在Android-studio下Setting - plugins 安装flutter插件

2.4 指定Android-sdk的系统环境变量

第一步：

 set ANDROID_HOME=F:\DEVLOP\Android-SDK

第二步：指定环境变量-加入到path中

当安装完成后，再次执行 flutter doctor 原来报错： Android toolchain - develop for Android devices 与 Unable to locate Android SDK就不会报错了

3. 配置vscode

报错：VS Code, 64-bit edition X Flutter extension not installed; install from https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

在vscode--> F1 --> install Extensions 添加 flutter 插件既可以解决

4. 安装夜神模拟器并进行连接

首先本地执行adb命令看看是否有配置环境变量，如果adb能正常运行则代表已经配置
如果没有配置adb环境变量，请将刚才放置Android-studio 存放sdk 的目录下\platform-tools 的放置系统环境变量中

如： F:\DEVLOP\Android-SDK\platform-tools

最后使用adb connect 127.0.0.1:62001 , 62001 是夜神端口

5. 创建与运行项目并且执行flutter run

使用vscode --> F1 --> Flutter New Project --> 命名 --> 创建项目后
打开夜神模拟器
执行flutter run 进行运行，会发现项目会运行在夜神模拟器中
在vscode-> 选中debug - > 打开F5 , 进入调试模式
vscode中-> 在运行中热加载r 和热重载R 🔥 To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R".
最后打开 lib -> main.dart -> 修改build下的Text('Hello World')

其他问题

flutter run 白屏：flutter run --enable-software-rendering
（这个办法有点不好，就是热加载的时候要手动在命令行输入r）
报timeout超时问题是下载不了谷歌镜像导致的（翻不了墙）：使用阿里镜像,如下：
sdk路径: E:\flutter\packages\flutter_tools\gradle\flutter.gradle
在flutter SDK文件夹找到flutter.gradle文件修改buildscript.repositories里的内容,注释掉google()和jcenter()，增加下面三行代码：
maven{ url 'https://maven.aliyun.com/repository/google' }
        maven{ url 'https://maven.aliyun.com/repository/jcenter' }
        maven{ url 'http://maven.aliyun.com/nexus/content/groups/public'}

使用F5键启动项目之后不能热重载需要添加配置：在launch.json添加属性：
"args": ["--enable-software-rendering", "-d", "all"]

结语:
其实整个过程官网都有非常详细的讲解，只是过程中有一些细节可能会遇到一些报错
至于IOS版本需要运行在xcode上面，这里需要到苹果电脑才能配置
做个总结，让下一次配置更方便，谢谢大家。