Flutter 官方网站
Flutter Github地址
Flutter 官方中文网站
开发环境
Windows
配置需求
- 操作系统:Windows 7 SP1 或更高的版本(64 位操作系统)
首先若要使用Window操作系统开发,请保证Windows 7 SP1 或更高的版本(64 位操作系统)配置
- 磁盘空间
除安装 IDE 和一些工具之外还应有至少 400 MB 的空间。
- Flutter 开发的依赖工具
-
Windows PowerShell 5.0 或者更高的版本(Windows 10 中已经预装)
-
Git for Windows 2.x,并且勾选从 Windows 命令提示符使用 Git 选项。如果 Windows 版的 Git 已经安装过了,那么请确保能从命令提示符或者 PowerShell 中直接执行 git 命令。
-
Windows PowerShell
从 Windows 7 SP1 和 Windows Server 2008 R2 SP1 开始,每个 Windows 中默认随附安装有 Windows PowerShell。所以使用Windwos开发Flutter,默认PowerShell 已经预装。若想自己安装 PowerShell,可以参考:文档
Git for Windows
Git 下载地址
Git 安装教程
安装完 Git 后可以运行:$git --version 命令查看Git 版本
至此,准备工作完成,下面开始进入正戏。
安装Flutter SDK
有两种方式下载安装Flutter SDK,选择以下其中一种即可:
- 直接下载安装压缩包安装
- 在 Flutter SDK 版本列表页面 > 选择想要下载的SDK版本,然后下载SDK压缩包。一般选择 Stable channel
的最新版本。如:- 将压缩包解压到自定义的 Flutter SDK 安装目录,该目录不能包含中文路径。
- 找到flutter 目录下的 flutter_console.bat ,双击运行该脚本,完成安装。
ps: 运行脚本后会出现一个控制台,在控制台可以运行Flutter命令,这时直接关掉即可,后面会讲到如何使用控制台。
- 命令行方式安装
这种方式跟第一种方式安装本质上是一样的,第一种方式是直接下载 flutter 整个文件,第二种是通过Git clone 命令将 flutter整个文件下载下来。仅仅是下载方式不同。
- 打开命令行窗口,通过cd 命令定位到自定义的 Flutter 安装目录。
- 运行 git clone 命令,如:
git clone -b stable https://github.com/flutter/flutter.git
- 定位并打开 flutter 的文件夹,双击运行 flutter_console.bat 开始安装。
添加path 环境变量
如果没有配置环境变量,每次需要运行flutter 命令都需要定位到flutter SDK的安装目录,这是非常麻烦的。为了在Windows普通控制台的的任何目录下使用Flutter命令,需要如下配置Path 环境变量。
- 在 开始菜单 的搜索功能键入“env”并运行或者鼠标右键点击桌面上的“我的电脑”,选择“属性”,再选择“高级系统设置”,在弹出的 “系统属性窗口”选择“环境变量”。系统属性窗口如下:
- 在 用户变量 一栏中,检查是否有 Path 这个条目。
- 存在 Path 目录,直接把安装目录 xxx\flutter\bin 目录的完整路径以**;** 作为分隔加到已有的值后面。
- 不存在 Path 目录,在用户环境变量中创建一个新的 Path 变量,然后将 xxx\flutter\bin 所在的完整路径作为新变量的值。
运行 flutter doctor 检测配置
这个命令会检查现有的配置环境,然后把检测结果以报告形式呈现出来。仔细阅读它显示的内容,检查是否有尚未安装的软件或是有其他的步骤需要完成(通常会以粗体呈现)
- 在控制台运行命令
PS C:\Users\Ben\Desktop> fultter doctor
- 例子
运行:PS C:\Users\Ben\Desktop> fultter doctor
图中标示了4个问题:
第一个,根据意思是没有接受 Android 许可协议。并指出解决方法,运行命令解决掉:
PS C:\Users\Ben\Desktop> fultter doctor --android-licenses
第二个,监测到电脑中的Android Studio没有安装 Flutter 和 Dart 插件。
安装Flutter 和 Dart 插件 的方法如下:
- 打开Android Studio
- 打开插件设置(File–Setting)
- 分别弹出插件安装提示,点击确认即可。
- 两个插件完成安装,重启Android Studio。
我这里的插件已经安装,所以提示不一样。
第三个,问题关于 IntelliJ IEDA,这里我使用Android Studio 开发,所以无需理会。
第四个,当前没有设备连接,连接安卓设备或者使用模拟器都可以。
上面问题都处理后,我们需要再次检测配置是否都ok了。再次运行:
PS C:\Users\Ben\Desktop> fultter doctor
至此Flutter相关的安装配置都完成了。后面就可以使用Android Studio进行Flutter应用开发。