Flutter的安装与环境配置

Flutter 官方网站
Flutter Github地址
Flutter 官方中文网站

开发环境

Windows

配置需求

  • 操作系统:Windows 7 SP1 或更高的版本(64 位操作系统)

首先若要使用Window操作系统开发,请保证Windows 7 SP1 或更高的版本(64 位操作系统)配置

  • 磁盘空间

除安装 IDE 和一些工具之外还应有至少 400 MB 的空间。

  • Flutter 开发的依赖工具
    1. Windows PowerShell 5.0 或者更高的版本(Windows 10 中已经预装)

    2. 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 版本

flutter01.png-3.5kB

至此,准备工作完成,下面开始进入正戏。

安装Flutter SDK

有两种方式下载安装Flutter SDK,选择以下其中一种即可:

  • 直接下载安装压缩包安装
  1. Flutter SDK 版本列表页面 > 选择想要下载的SDK版本,然后下载SDK压缩包。一般选择 Stable channel
    的最新版本。如:flutter02.png-37kB
  2. 将压缩包解压到自定义的 Flutter SDK 安装目录,该目录不能包含中文路径。
  3. 找到flutter 目录下的 flutter_console.bat ,双击运行该脚本,完成安装。

ps: 运行脚本后会出现一个控制台,在控制台可以运行Flutter命令,这时直接关掉即可,后面会讲到如何使用控制台。

  • 命令行方式安装

这种方式跟第一种方式安装本质上是一样的,第一种方式是直接下载 flutter 整个文件,第二种是通过Git clone 命令将 flutter整个文件下载下来。仅仅是下载方式不同。

  1. 打开命令行窗口,通过cd 命令定位到自定义的 Flutter 安装目录。
  2. 运行 git clone 命令,如: git clone -b stable https://github.com/flutter/flutter.git
  3. 定位并打开 flutter 的文件夹,双击运行 flutter_console.bat 开始安装。

添加path 环境变量

如果没有配置环境变量,每次需要运行flutter 命令都需要定位到flutter SDK的安装目录,这是非常麻烦的。为了在Windows普通控制台的的任何目录下使用Flutter命令,需要如下配置Path 环境变量。

  1. 开始菜单 的搜索功能键入“env”并运行或者鼠标右键点击桌面上的“我的电脑”,选择“属性”,再选择“高级系统设置”,在弹出的 “系统属性窗口”选择“环境变量”。系统属性窗口如下:
  2. 用户变量 一栏中,检查是否有 Path 这个条目。
    • 存在 Path 目录,直接把安装目录 xxx\flutter\bin 目录的完整路径以**;** 作为分隔加到已有的值后面。
    • 不存在 Path 目录,在用户环境变量中创建一个新的 Path 变量,然后将 xxx\flutter\bin 所在的完整路径作为新变量的值。
      flutter04.png-23.6kB

flutter05.png-17.8kB

flutter06.png-21.3kB

运行 flutter doctor 检测配置

这个命令会检查现有的配置环境,然后把检测结果以报告形式呈现出来。仔细阅读它显示的内容,检查是否有尚未安装的软件或是有其他的步骤需要完成(通常会以粗体呈现)

  • 在控制台运行命令
PS C:\Users\Ben\Desktop> fultter doctor

  • 例子
    运行:PS C:\Users\Ben\Desktop> fultter doctor

flutter07.png-27kB

图中标示了4个问题:

第一个,根据意思是没有接受 Android 许可协议。并指出解决方法,运行命令解决掉:

PS C:\Users\Ben\Desktop> fultter doctor --android-licenses

第二个,监测到电脑中的Android Studio没有安装 FlutterDart 插件

安装FlutterDart 插件 的方法如下:

  1. 打开Android Studio
  2. 打开插件设置(File–Setting)
  3. 分别弹出插件安装提示,点击确认即可。
  4. 两个插件完成安装,重启Android Studio。
    我这里的插件已经安装,所以提示不一样。
    flutter081.png-65kB

flutter09.png-38.2kB

第三个,问题关于 IntelliJ IEDA,这里我使用Android Studio 开发,所以无需理会。

第四个,当前没有设备连接,连接安卓设备或者使用模拟器都可以。

上面问题都处理后,我们需要再次检测配置是否都ok了。再次运行:

PS C:\Users\Ben\Desktop> fultter doctor

flutter10.png-15kB

至此Flutter相关的安装配置都完成了。后面就可以使用Android Studio进行Flutter应用开发。

猜你喜欢

转载自blog.csdn.net/LewisWang_/article/details/100084427