image.png
Flutter是适用于所有屏幕的便携式UI框架
维护一套代码就能够为所有尺寸的屏幕提供一致的体验,降低了项目的复杂度和开发难度。移动端、浏览器端、桌面端甚至嵌入式设备都能够使用同一套UI框架。
官方文档:https://flutter.dev/docs/get-started/install

准备工作

以下是Windows上开发Flutter应用的教程,我们开始吧:

  1. 需要一台64位Win7系统以上、硬盘剩余空间大于400MB的电脑,电脑还要能够运行PowerShell和Git;
  2. 官网下载image.png
  3. 解压,然后双击运行flutter_console.bat
  4. 添加 flutter\bin到Path环境变量中使得可以在命令行中直接运行flutter命令;
  5. 运行 flutter doctor 检查是否安装了所有依赖项,没有安装赶紧安装;

比如:

  1. C:\Users\admin>flutter doctor
  2. Doctor summary (to see all details, run flutter doctor -v):
  3. [√] Flutter (Channel stable, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.17134.829], locale zh-CN)
  4. [X] Android toolchain - develop for Android device
  5. X Unable to locate Android SDK.
  6. Install Android Studio from: https://developer.android.com/studio/index.html
  7. On first launch it will assist you in installing the Android SDK components.
  8. (or visit https://flutter.dev/setup/#android-setup for detailed instructions).
  9. If the Android SDK has been installed to a custom location, set ANDROID_HOME to that location.
  10. You may also want to add it to your PATH environment variable.
  11. [!] Android Studio (not installed)
  12. [!] Connected device
  13. ! No devices available
  14. ! Doctor found issues in 3 categories.

这就是缺少安卓开发环境。Flutter依赖Android Studio的完整安装来提供其Android平台依赖性。但是,可以在许多编辑器中编写Flutter应用程序。后面的步骤将再次讨论这个问题。

安装安卓环境

安装 Android Studio

想要开发Flutter,就先来安装安卓环境吧,已经安装过,直接跳过。安装教程点击这里
一定要安装这几个东西:Android SDK, Android SDK Platform-Tools, 和 Android SDK Build-Tools

安装插件

之后在 Android Studio 中安装Flutter和Dart插件,然后根据安装完成的提示重启IDE。
安装完安卓依赖,使用flutter doctor命令检查,有警告就照着提示修复。

连接安卓设备

下一步就是连接安卓设备,首先启用手机的开发人员选项和USB调试功能,然后安装谷歌USB驱动
image.png
系统通知栏提示连接成功了,运行检查命令。
image.png
提示依赖配置没有任何问题。

配置安卓模拟器

最后在 Android Studio 里面设置安卓模拟器:
image.png
点击这个按钮,装个9.0 和9.+镜像就行了,选择Pixel 2XL设备,然后启动。
image.png
喏,点完启动按钮之后,安卓虚拟机跑起来了。

完成,开启新世界

到此环节,我们的准备工作就完成了。
接下来,一起走进Flutter的精彩世界吧!