Flutter圈子Flutter基础和实战Flutter

第一章●第一节:Flutter安装

2019-04-28  本文已影响12人  白晓明

本节主要内容阐述Flutter安装及环境配置。 Flutter 可以在Windows、MacOS、Linux三个平台上进行开发,由于现在的开发环境在Windows下,因此这里仅对Windows做说明,其他的参见官网。

1. 配置环境变量

在Flutter官网上提示我们,在中国使用Flutter时,需要设置两个环境变量用来升级Flutter,并且使用国内的pub包存储库。

在中国安装或使用Flutter,我们需要在运行Flutter命令之前设置两个环境变量PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL

目前我们所使用的是上海交通大学提供的镜像地址:

FLUTTER_STORAGE_BASE_URL:https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL:https://dart-pub.mirrors.sjtug.sjtu.edu.cn/

将它们添加到环境变量—用户变量中。

添加环境变量
2. 系统最低配置要求

根据Flutter官方说明,我们在安装和使用Flutter时,必须保证我们的开发环境必须满足以下最低要求:

查看电脑中的Windows PowerShell版本:

查看Windows PowerShell版本

查看Git版本(若没有安装,请自行下载安装包安装):

Git 版本
3. 获取Flutter SDK

你现在可以在Flutter控制台中运行Flutter命令,使用flutter help 查看所有可用命令、flutter doctor检查系统是否已经具备运行Flutter应用程序、flutter create <app_name> 创建新的Flutter项目、flutter upgrade更新Flutter SDK。

4. 更新PATH系统变量

如果我们要使用WIndows命令提示符运行Flutter命令,我们需要在PATH系统变量下添加Flutter安装路径。

D:\ohayoi\flutter\bin

5. 检查系统是否已经具备运行Flutter应用程序

打开Windows命令提示符,输入flutter doctor

C:\Users\Administrator>flutter doctor

这个命令会检查您的环境中Flutter安装状态、版本,Android SDK状态、版本,IDEA工具版本以及连接的设备等信息,并且有可能会提示需要安装的其他软件或执行的其他任务。

Doctor summary (to see all details, run flutter doctor -v): 
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.706], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[√] Android Studio (version 3.4) 
[√] IntelliJ IDEA Ultimate Edition (version 2018.3) 
[√] Connected device (1 available) 
• No issues found!

注:我们可以使用flutter config --[no-]analytics 来启用或禁用给Google发送相关报告。

6. Android设置

由于设备限制,本人使用Android Studio来进行笔记整理。默认您已经安装了Android Studio,并安装了最新的Android SDK,Android SDK Platform-Tools和Android SDK Build-Tools,因为这些都是Flutter在开发Android时所需要的(若没有请自行查找安装教程)。

我们需要在Android Studio中安装Flutter和Dart插件,打开Android Studio,在File-->Settings-->Plugins-->Installed 中搜索Flutter和Dart并进行安装,安装后重启Android Studio,您会在首界面发现Start a new Flutter project,它用来创建Flutter应用程序。

Flutter插件安装成功

若使用您的Android设备来运行和测试Flutter应用程序,则需要您的设备版本在Android 4.1或更高。您可以使用flutter devices命令来检测Flutter是否识别您连接的Android设备。

查看所连接设备

同时我们也可以使用Android模拟器来运行和测试Flutter应用,启动Android Studio --> Tools --> AVD Manager 选择创建虚拟设备。

本节内容到此结束,若在使用过程中遇到问题,欢迎留言交流,我们一起成长。


总目录结构

上一篇下一篇

猜你喜欢

热点阅读