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

本文为Flutter开发环境在macOS下安装全过程:

一、系统配置要求

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

操作系统:macOS(64位)

磁盘空间:700 MB(不包含 IDE 或其余工具所需要的磁盘空间)

命令工具:Flutter 需要你的开发环境中已经配置了以下命令行工具。

bash

curl

git 2.x

mkdir

rm

unzip

which

以上命令行工具除git外其余均为系统自带命令行工具,一般情况下无需用户安装,查看是否安装命令如下:

base --version

curl --version

git --version

mkdir --version

rm --version

unzip --version

which --version

二、平台配置

1、安装Android Studio

Android Studio 是基于 IntelliJ IDEA的、Google官方的Andriod应用集成开发环境(IDE)。

我们在官网上找到最新版,下载后启动安装文件,剩下的就按照系统提示进行SDK的安装和配置工作了。

配置完成后,我们打开AVD Manager,点击“Create Virtual Device”按钮创建一台模拟器,至此Android Studio的安装配置工作就完成了。

2、安装Xcode

Xcode是苹果公司官方的IOS和macOS应用集成开发环境(IDE)。它的安装方式非常简单,直接在macOS系统的App Store搜索Xcode,然后安装即可。

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

配置完成后,在Terminal中输入以下命令即可打开IOS模拟器

$ open -a Simulator

至此,Xcode的安装配置工作就完成了。

三、获取Flutter SDK

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

下载链接:https://storage.flutter-io.cn/flutter_infra/releases/stable/macos/flutter_macos_v1.5.4-hotfix.2-stable.zip

想要获取到其他版本的安装包,可以查看 SDK 归档 页面。

将文件解压到目标路径, 比如:

$ cd ~/development

$ unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

3.配置 flutter 的 PATH 环境变量:

以下配置环境变量让其永久生效的方法在不同的机器上有略微的差别。基本上方法都是在某一个文件中增加一句命令,让它在每次新的命令行窗口打开时都执行一遍。比如:

首先决定你想要将 Flutter SDK 放置在哪一个目录内,获取并记录这个目录的路径,你将要在第 3 步中用到它。

打开(或者创建)$HOME/.bash_profile,这里的路径和文件名在你的机器上可能会有所不同。

2.1、执行$HOME/.bash_profile可能会提示不存在.bash_prefile文件,解决方法:

2.1.1 、创建.bash_profile

$ touch .bash_profile

2.1.2、编辑.bash_profile文件

$ open -e .bash_profile

在文件中增加下列这行命令,并将其中的 [PATH_TO_FLUTTER_GIT_DIRECTORY] 更改为你第一步获取到的路径:

$ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

运行

$ source $HOME/.bash_profile

使修改后的配置生效。

5. 通过运行以下命令来验证 flutter/bin 文件夹是否已经添加到 PATH 环境变量中:

$ echo $PATH

2.1 运行 flutter doctor 命令

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

$ flutter doctor

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

比如你可能会看到下面这样的输出:

Doctor summary (to see all details, run flutter doctor -v):

[✓] Flutter (Channel stable, v1.5.4-hotfix.2, on Mac OS X 10.14.6 18G84, locale

    zh-Hans-CN)

[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.1)

[!] iOS toolchain - develop for iOS devices (Xcode 10.3)

    ✗ ideviceinstaller is not installed; this is used to discover connected iOS

      devices.

      To install with Brew, run:

        brew install --HEAD usbmuxd

        brew link usbmuxd

        brew install --HEAD libimobiledevice

        brew install ideviceinstaller

    ✗ ios-deploy not installed. To install:

        brew install ios-deploy

    ✗ CocoaPods not installed.

        CocoaPods is used to retrieve the iOS platform side's plugin code that

        responds to your plugin usage on the Dart side.

        Without resolving iOS dependencies with CocoaPods, plugins will not work

        on iOS.

        For more info, see https://flutter.dev/platform-plugins

      To install:

        brew install cocoapods

        pod setup

[!] Android Studio (version 3.4)

    ✗ Flutter plugin not installed; this adds Flutter specific functionality.

    ✗ Dart plugin not installed; this adds Dart specific functionality.

[✓] Connected device (1 available)

! Doctor found issues in 2 categories.

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

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

执行brew install --HEAD后提示brew command not found

$ brew install --HEAD usbmuxd

$ -bash: brew: command not found

解决方案:

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

执行brew --version 查看是否安装成功

至此,在 macOS 上安装和配置 Flutter 开发环境完成。

已同步更新至微信公众号,欢迎关注


©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容