一、Flutter 开发准备

224 阅读2分钟

1. Flutter 介绍

  • Flutter是Google发布的可以创建移动应用的SDK,使用它我们能够创建在Android和IOS设备上运行的本地应用。
  • 所谓磨刀不误砍柴工,学习 Flutter 之前要先把我们的刀(环境)磨亮。
  • 要使用 Flutter 开发移动应用首先要把环境搞好,本篇文章记录我在 Mac 平台上安装 Flutter 开发环境的过程,以及开发第一个 Flutter 应用并在 IOS 和 Android 模拟器上运行第一个 Flutter 应用的过程。如果您在安装 Flutter 环境的时候遇到问题了,可以参考。

2. 安装 Flutter SDK(Mac OS)

Github网站

Flutter官网

i. 下载

Flutter SDK 的下载 有多种方式这里介绍两种方式

  • 从github上 clone

  • 从官网上下载,可能需要翻墙,如果下载不了就去Flutter中文网下载

ii. 解压

  • 从github上 clone 下载的不需要解压,直接配置环境变量就可以使用了
  • 从官网下载的是一个压缩包需要解压

iii. 配置环境变量

  • 下载解压好还有一步就是配置环境,就可以使用了,Mac OS 是在 ~/.bash_profile文件中配置,Windows需要找到我的电脑-》属性-》高级-》环境变量。添加 export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"环境变量

iiii. 检测环境变量有没有安装好

  • 经过上面的步骤我们已经安装了 Flutter SDK 接下来测试一下 Flutter SDK 环境变量是否配置好了,如果没配置好,检查一下环境变量。输入 flutter --version 出现如下图所示输出,说明Flutter环境变量配置好了。

3. 配置 IOS 开发环境(Mac OS)

  • 安装XCode
  • 打开 IOS 模拟器

4. 配置 VS CODE 代码编辑器

  • 下载 VS CODE
  • 安装 Flutter 插件

5. 配置 Android 开发环境(Mac OS)

6. 检测问题:flutter doctor

7. Flutter 在中国地区的特别设置(Mac OS)

8. 创建 Flutter 项目

9. 在 IOS 模拟器上运行 Flutter 项目

10. 在 Android 模拟器上运行 Flutter 项目