Flutter环境搭建

前言

这是Flutter从0开始系列的第一篇文章

首先是Windows系统电脑下如何配置Flutter开发环境

下载并配置FlutterSDK

首先需要安装 git

国内开发人员因为墙的原因 要先配置以下环境变量(系统变量)。这个很关键

变量名 变量值(别点击请复制)
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
PUB_HOSTED_URL https://pub.flutter-io.cn

步骤

  1. 下载beta版本的最新的SDK

    截止到2018-07-15的最新版本下载地址flutter_windows_v0.51_beta.zip

也可以去Flutter SDK的存档地址找到下载最新版本的Flutter SDK

  1. 解压下载好的zip文件

  2. 在系统变量名为 Path 中添加一个值 flutter sdk安装目录\flutter\bin \

    例如 D:\flutter_SDK\flutter\bin

  3. 在flutter目录下找到 flutter_console.bat文件,双击启动

然后就可以在Flutter控制台中运行Flutter命令了

接着在Flutter控制台运行

1
flutter doctor

Android设置

下面介绍Android设置的开发工具以AndroidStudio为例,其他工具如IntelliJ,VS等自己看文档吧(不是很推荐,因为还是要下载Android SDK以及模拟器等 文档地址)

下载安装AndroidStudio

  1. 下载安装最新版本的AndroidStudio(记得安装最新版本)
  2. 启动Android Studio,然后浏览“Android Studio安装向导”。这个会安装最新的Android SDK,Android SDK Platform-Tools和Android SDK Build-Tools,这些都是Flutter在开发Android时所需要的。

Android手机设置

如果打算使用Android手机开发,需要以下设置

  1. 在手机上启用 开发人员选项USB调试(不会请百度)
  2. 用USB先链接手机和电脑, 并授权电脑访问手机
  3. 在终端(如cmd)中,运行 flutter devices 命令以验证Flutter识别你的的Android手机。

如果是OPPO手机,还是使用Android模拟器开发吧

如果是小米手机,还需要关闭miui优化

Android模拟器设置

  1. 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.
  2. 选择设备,然后选择下一步
  3. 选择一个或多个系统映像,然后选择“ 下一步”。建议使用x86x86_64映像。
  4. 在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用硬件加速(记得启用,要不然很慢的)
  5. 验证AVD配置是否正确,然后选择 Finish
  6. 在 Android Virtual Device Manager中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.
  7. 在终端(如cmd)中,运行 flutter devices 命令以验证Flutter识别你的的Android模拟器。

这里也可以用Genymotion模拟器,但是千万别用夜神等其他游戏模拟器

AndroidStudio插件安装

还需要安装Flutter和Dart这两个插件

  1. 打开AndroidStudio,左上角File->Settings->Plugins
  2. 选择Browse repositories,输入Flutter,选择并点击install(这里同时会自动安装Dart插件)
  3. 重启AndroidStudio 使插件生效

至此,在Windows环境下的Flutter开发环境全部配置完毕。