Flutter是适用于所有屏幕的便携式UI框架
维护一套代码就能够为所有尺寸的屏幕提供一致的体验,降低了项目的复杂度和开发难度。移动端、浏览器端、桌面端甚至嵌入式设备都能够使用同一套UI框架。
官方文档:https://flutter.dev/docs/get-started/install
准备工作
以下是Windows上开发Flutter应用的教程,我们开始吧:
- 需要一台64位Win7系统以上、硬盘剩余空间大于400MB的电脑,电脑还要能够运行PowerShell和Git;
- 官网下载;
- 解压,然后双击运行
flutter_console.bat
; - 添加
flutter\bin
到Path环境变量中使得可以在命令行中直接运行flutter
命令; - 运行
flutter doctor
检查是否安装了所有依赖项,没有安装赶紧安装;
比如:
C:\Users\admin>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.17134.829], locale zh-CN)
[X] Android toolchain - develop for Android device
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 (not installed)
[!] Connected device
! No devices available
! 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驱动。
系统通知栏提示连接成功了,运行检查命令。
提示依赖配置没有任何问题。
配置安卓模拟器
最后在 Android Studio 里面设置安卓模拟器:
点击这个按钮,装个9.0 和9.+镜像就行了,选择Pixel 2XL设备,然后启动。
喏,点完启动按钮之后,安卓虚拟机跑起来了。
完成,开启新世界
到此环节,我们的准备工作就完成了。
接下来,一起走进Flutter的精彩世界吧!