01-flutter——window环境搭建

一、JAVA环境的安装

系统的基本要求
操作系统:必须windows7以上64位操作系统。（这个一般都能很好的满足）
磁盘空间：大于3个G，虽然官方说的是400M，但是你还需要安装Android Studio 和 虚拟机，所以至少要3个G左右，如果能达到5个G就更好了（满足多个虚拟机的要求）。
需要Git环境：Flutter需要git环境的支持，所以这个也要有，作为一个前端，这个是必备工具，所以我在文章中就不教大家安装了。

JAVA环境下载地址

image.png

下载完成后进行安装，这个就直接下一步下一步就可以了。我一般都是安装到系统盘，也就是C盘。

安装完成到终端（命令行）里输入java，能出现下图中的结果，说明安装成功。

image.png

二、下载安装 FlutterSDK

1.去官网下载Flutter安装包，下载地址
2.将安装包zip解压到你想安装Flutter SDK的路径（如： E:\fluter\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\，
3.在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。
4.配置环境变量，Flutter的执行是要进行联网的，由于国内的原因，所以你需要设置环境变量

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

5.如果你想在任何地方都可以执行Flutter命令，你需要把Flutter SDK的目录配到环境变量中的path条目下

三、进行Flutter doctor 的测试

在终端中输入flutter doctor，

Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

四、Android Studio的安装

下载地址
安装教程

image.png

五、安装Android证书

flutter doctor --android-licenses
然后会提示你选Y/N，不要犹豫，一律选择Y，就可以把证书安装好。

六、Android studio新建Flutter项目

1.打开Andorid Studio ，会出现下面的界面，我们选择第二项，新建Flutter项目。
如果你第一次新建项目

image.png
2.打开第二个窗口后，选择第一个选项Flutter Application(flutter应用)。
image.png
新建项目的过程也是很慢的，它要去谷歌下载gradle，这个东西很容下载失败，如果失败，可以多反复试几次
image.png
如果你到了这一步，坚持住，马上成功了。

七、安装AVD虚拟机

1.现在需要一个虚拟机来运行我们的程序，可以点击Android Studio中的上方菜单tool -AVD Manager选项。
2.出现新建菜单，选择Create Virtual Device.....,如果你一个虚拟机也没建过，这个选项在对话框的中间
3.选择虚拟机类型，（这可能是个坑，版本选择不要太高建议8.1）这个你随意选就好，我选择的是Nexus 5x。（如果你屏幕小 ，就选择一个小屏幕的虚拟机）

image.png

4.选择系统，这里尽量选择最新的，我选择了Android 8.1系统（第一次选择的是9.0调试一直报错换8.1后解决），选择好后，又是一个漫长的等待过程。

image.png
5.0安装好后，点击开始按钮，运行虚拟机了（第一次运行，需要安装系统，会慢一些），运行起来后，如下图
image.png image.png

八、让Flutter跑起来

虚拟机运行以后，可以点击debug按钮，让Flutter程序跑起来。如果你幸运的话，你的Flutter程序经过编译后，就会跑起来了。（）。

`这个错误是因为虚拟机版本过高`
Error connecting to the service protocol: HttpException: Connection closed before full header was received, uri = http://127.0.0.1:53705/nCZ3MEVG7F0=/ws

image.png