flutter Mac环境搭建

2020-04-16  本文已影响0人  FengyunSky

系统要求

想要安装并运行 Flutter,你的开发环境需要最低满足以下要求:

获取Flutter SDK

    接下来就是去官网下载SDK(包含了开发工具)了。注意,这里下载SDK有两种方法,一是直接`git clone -b beta https://github.com/flutter/flutter.git`下载,二是自己在官网下载下来,推荐通过官网下载,若想通过git跟踪可使用git clone下载;

1.下载以下安装包来获取最新的 stable Flutter SDK:

    [flutter_macos_v1.12.13+hotfix.8-stable.zip](https://storage.flutter-io.cn/flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip)

    想要获取到其他版本的安装包,请参阅 [SDK 版本列表](https://flutter.cn/docs/development/tools/sdk/archive) 页面。
  1. 解压SDK包到开发目录
cd ~/Development
unzip flutter_macos_v1.12.13+hotfix.8-stable.zip

配置环境变量

  1. 配置镜像环境变量

因为Flutter的SDK中包含了很多的命令行工具,在运行的时候,就需要去官网下载一些需要的资源,我们就需要配置环境变量。

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

//官方镜像地址
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
//社区镜像地址(上海交通大学Linux用户组)
FLUTTER_STORAGE_BASE_URL:https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL:https://dart-pub.mirrors.sjtug.sjtu.edu.cn/

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

  1. 配置 flutter 的 PATH 环境变量

直接使用flutter工具,需要配置flutter相关工具到PATH中:

export PATH=`pwd`/Development/flutter/bin:$PATH
  1. 环境变量永久生效

    添加环境变量至~/.bash_profile中。

运行 flutter doctor 命令

通过运行以下命令来查看当前环境是否需要安装其他的依赖(如果想查看更详细的输出,增加一个 -v 参数即可):

$ flutter doctor

这个命令会检查你当前的配置环境,并在命令行窗口中生成一份报告。安装 Flutter 会附带安装 Dart SDK,所以不需要再对 Dart 进行单独安装。你需要仔细阅读上述命令生成的报告,看看别漏了一些需要安装的依赖,或者需要之后执行的命令(这个会以 加粗的文本 显示出来)。
比如你可能会看到下面这样的输出:

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

之后的部分会向你描述如果执行这些命令来完成整体的配置过程。

当你安装了任一缺失部分的依赖后,可以再次运行 flutter doctor 命令来确认是否成功安装。

image.png

平台配置

macOS 可以允许开发 iOS、Android 和 Web(技术预览版正式发布)三个平台的 Flutter 应用,你可以任选一个平台完成初始配置,以此来搭建并运行起来你的第一个 Flutter 应用。

设置 iOS 开发环境

安装 Xcode

开发 iOS 平台上的 Flutter 应用,你需要一个安装了 Xcode 的 Mac 设备。

  1. 通过 直接下载 或者Mac App Store 来安装最新稳定版 Xcode;

  2. 通过在命令行中运行以下命令来配置 Xcode command-line tools:

$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch

当你安装了最新版本的 Xcode,大部分情况下,上面的路径都是一样的。但如果你安装了不同版本的 Xcode,你可能要更改一下上述命令中的路径。

  1. 运行一次 Xocde 或者通过输入命令 sudo xcodebuild -license 来确保已经同意 Xcode 的许可协议。

旧版本可能也能够正常工作,但是不建议在 Flutter 开发环境中使用。旧版本的 Xcode 不支持定位代码,还可能无法正常工作。

安装了 Xcode 之后,你就可以在 iOS 真机或者模拟器上运行 Flutter 应用了。

配置 iOS 模拟器

如果想要在 iOS 模拟器中运行和测试 Flutter 应用,按照以下步骤即可:

  1. 在你的 Mac 中,通过 Spotlight 或者以下命令来运行模拟器:

    $ open -a Simulator
    
  2. 通过模拟器菜单中的 Hardware > Device 选项检查当前模拟器是否是 64 位机型(iPhone 5S 或之后的机型)。

  3. 根据你当前开发机器的屏幕尺寸,模拟器模拟出来的高密度屏幕的设备可能会占满你的屏幕,你可以通过菜单中的 Window > Scale 选项来更改模拟器的缩放比例。

创建并运行一个简单的 Flutter 应用

通过以下步骤来创建你的第一个 Flutter 应用并进行测试:

  1. 通过运行以下命令来创建一个新的 Flutter 应用:

    $ flutter create my_app
    
  2. 上述命令创建了一个 my_app 的目录,包含了 Flutter 初始的应用模版,切换路径到这个目录内:

    $ cd my_app
    
  3. 确保模拟器已经处于运行状态,输入以下命令来启动应用:

    $ flutter run
    

【参考资料】

入门: 在macOS上搭建Flutter开发环境

在 macOS 上安装和配置 Flutter 开发环境

Mac端Flutter的环境配置看这一篇就够了

flutter中文官网

上一篇下一篇

猜你喜欢

热点阅读