Flutter 初探 -

flutter 安装

经过许久的关注，及最近google算是真正地推行flutter时，加上掘金小册也有相应的教程，我知道自己得跟着这一波潮流学习了，不然迟早会面临着小程序的危（大家都会了就你不会),而我也想有一个好的学习对象，之前是想学uni-app或者react-native，但终究不如这个。好了，废话不多说，开始旅行。

flutter了解

• flutter 英文网
• flutter 中文网
• flutter 实战
• flutter 掘金小册

安装 针对windows

• Flutter SDK
• Flutter IDE

环境变量

下载的Flutter默认是国外镜像，类似node的npm，需要切换到国内镜像
在电脑的 环境变量 -> 用户变量 添加

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

Flutter SDK 安装

• 需要下载 Android Studio,可以用来打包apk，同时自带Android SDK
• 下载 Flutter SDK 尽量选择稳定版Stable channel下的，同时配置 环境变量， 运行 flutter doctor 便会知道结果

建立 flutter app

在建立flutter app时，还需要下载三个东西

• Android Studio 中下载两个插件
  • Flutter 插件
  • Dart 插件
• Android 模拟器 在tools -> AVD Manager -> CREATE VIRTUAL ... 选择需要需要类型

运行App

• 选择模拟器 devices
• 点击 运行/ debugger
• 模拟器便会出现flutter的界面

重点说下安装遇到的问题

上述安装略显单薄一些，只是想简化一下思路，不然安装的过程有些蒙圈

安装 issuse 汇总

• 安装 Android Studio 报错

    unable to access android sdk add-on list

  解决办法

  Android Studio 安装目录下 bin -> idea.properties 下添加

    disable.android.first.run=true

• 运行 Android Studio

    Failed to load JVM DLL ...... if you already have a ...

  解决办法

  弄清楚自己电脑的版本 32/64, 运行对应的 .exe 文件，eg，我电脑64位，运行32位的 Android Studio报上述错误，运行 64位的 解决

• 执行 flutter app

    Running 'flutter package get ' in flutter_app Unhandled exception: 'PUB_HOSTED_URL'

  解决办法

  上诉错误信息其实有提示（这里没有补全）
  需要在之前的添加环境变量时,加上https://

• 执行 flutter app

    No Connected Devices Found

  解决办法

  选择需要的模拟器，这是既没有选择真机，也没有选择模拟器，导致无法运行

• 执行 flutter app

    Initializing gradle ...
    Unzipping ..
    Exception in thread 'main' java.util.zip.ZipExceptinon: error in opening zip file ...

  解决办法

  本人也很是无语，为何下载下来的会出现包有问题
  需要重新下载gradle包，一定要自己审查自己当前提示的具体是哪一个包，一定要下对应的，将本地替换掉
  文件目录 C盘 -> 用户 -> 本机用户(当前电脑的名称文件) -> .gradle -> wrapper -> dists 下 具体的信息再进行替换即可

• 执行 flutter app

    Error connecting to the service protocol: HttpException: Connection closed before full header was received, uri = http://127.0.0.1:51079/gM04ir90...

  解决办法 flutter issues

  将下载的模拟器重新换一个 Q 替换为 pie，这个可能需要多尝试几个即可

原文地址：https://www.cnblogs.com/sinosaurus/p/10922330.html