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