天天看点

Flutter安装及开发环境配置(Mac版)Flutter安装及开发环境配置(Mac版)

Flutter安装及开发环境配置(Mac版)

本文介绍Mac环境下的Flutter安装以及AndroidStudio配置。

Windows版请转到——>Flutter安装及开发环境配置(Windows)

国内镜像

众所周知的原因,国内访问google服务可能不太顺畅,如果没有vpn环境,可以访问国内镜像。

Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

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

注意: 此镜像为临时镜像,并不能保证一直可用。

Flutter SDK下载安装

1. 下载sdk

官网下载

github下载

2. 解压安装包到你想安装的目录

cd 想要安装的目录
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip //解压到当前目录
           

3. 将Flutter目录添加到PATH路径

export PATH=你的flutter安装目录/flutter/bin:$PATH
           

如果想要每次电脑重启后都自动配置生效,则将PATH配置添加到.zshrc中(或者.bash_profile):

export PATH=/Users/apple/Documents/flutter-sdk/flutter/bin:$PATH
           

这里/Users/apple/Documents/flutter-sdk/flutter/是我的Flutter安装路径。

注意:Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。

运行 flutter doctor

配置完成后,我们可以运行 flutter doctor查看是否安装成功:

flutter doctor
           

该命令检查您的环境并在终端窗口中显示报告。仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示)。

Flutter安装及开发环境配置(Mac版)Flutter安装及开发环境配置(Mac版)

报告中会显示运行环境存在的一些问题,比如上图中,Xcode和Android Studio没有配置。

接下来我们以Android Studio为例进行配置。

Android Studio配置

1. 安装Android Studio

首先应该确保已安装Android Studio,这里安装最新版本即可。(支持3.0或更高版本)

2. 安装Flutter和Dart插件

需要安装Flutter和Dart插件两个插件。

  • 打开插件首选项:Preferences>Plugins
  • 选择 Browse repositories…, 选择 Flutter 插件并点击 install。
  • 这时Dart插件也会附带被安装上。

3. 重启Android Studio

插件生效,需要重启Android Studio。

好了,我们的Flutter开发环境已经搭建好了,接下来准备开发Flutter应用吧。