Flutter 从 0 到 1 之环境安装篇

最近在学习 Flutter, 这篇文章将详细为大家讲解下在 MacOS 下 Flutter 的环境安装。

安装 Flutter 前的准备工作

安装 Android Studio

Android Studio 是 Google 官方的 Android 应用集成开发环境 (IDE)。

官网上找到最新版(目前最新版为 3.4),下载后启动安装文件,按照提示进行安装即可。

安装 Xcode

Xcode 是苹果公司官方的 iOS 和 macOS 应用集成开发环境 (IDE)。直接在 App Store 搜索 Xcode,然后安装即可。

安装完成后,我们会在 Launchpad 看到 Xcode 图标,打开它,按照提示接受 Xcode 许可协议,以及安装配置组件就可以了。

配置完成后,我们打开 Terminal,输入命令open -a Simulator打开 iOS 模拟器,检查 Hardware > Device 菜单项中的设置,并试着在不同的模拟器之间做切换。

安装 Flutter

Flutter 源站在国内访问不太稳定,我们需要配置为国内的镜像地址。 需要配置镜像站点的环境变量。对于 macOS 和 Linux 系统来说,通过文本编辑器,打开 ~/.bash_profile 文件,在文件最后添加以下代码,来配置镜像站点的环境变量:

export PUB_HOSTED_URL=https://pub.flutter-io.cn  
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

最后到 Flutter 官网选择并下载最新的稳定版(目前最新稳定版为 1.7)。

接下来,我们把下载的压缩包解压到你想安装的目录,比如 ~/Documents 或 C:\code\flutter。为了可以在命令行中执行 flutter 命令,我们同样需要配置环境变量。

对于 macOS 与 Linux 系统,我们编辑 ~/.bash_profile 文件,把以下代码添加至文件最后,将 flutter 命令的执行路径追加到环境变量 PATH 中:

export PATH=~/Documents/flutter/bin:$PATH