文档章节

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

過愙
 過愙
发布于 08/24 16:41
字数 1343
阅读 17
收藏 0

本文为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 使修改后的配置生效。

通过运行以下命令来验证 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 开发环境完成。

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

© 著作权归作者所有

過愙
粉丝 1
博文 8
码字总数 10396
作品 0
私信 提问
Flutter for Web 开发环境搭建与验证

最新的Flutter 1.5.4已经支持Web开发,这个教程将介绍如何在Linux、windows和Mac下安装Flutter web开发环境:安装Flutter SDK和Flutter Web构建工具,并利用Flutter Web演示代码来验证开发环...

汇智网教程
05/21
258
0
在 macOS 上安装和配置Flutter

1,官方教程 英文:https://flutter.io/setup-macos/ 中文:http://doc.flutter-dev.cn/setup-macos/ 2,直接download了英文教程里的fluttermacosv0.5.1-beta.zip(请注意最新版本) 3,解压,...

温温温888
2018/07/20
0
0
千秋万代,一统江湖——Flutter for All Screens

前言 2018年2月27日,Google发布了Flutter的第一个Beta版本,由于自己是一个Google粉,所以很快就下载尝鲜了,之后还在简书上发过一篇博客《你好,Flutter》,是我的第一篇阅读量过10w的文章...

雇个城管打天下
07/02
0
0
如何在Windows、MacOS上搭建Flutter开发环境(详细篇)

特别说明:如果读者还不会科学上网!请先停止学习,因为读者不可能将Flutter开发环境搭建成功,所以先去学学科学上网,而且能打开谷歌了,再返回来学习效率会更高。 Flutter开发环境搭建(W...

zane
05/01
0
0
浅谈跨平台框架 Flutter 的搭建与运行

作者:个推iOS开发工程师 伊泽瑞尔 Flutter是Google推出的跨平台的解决方案,用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。 之前我们为大家介绍了《跨平...

个推
05/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

无回路有向图的拓扑排序

因公司业务需要,在表单中每个字段都会配置自动计算,但自动计算公式中会引用到其他字段中的值。所以希望可以根据计算公式,优先计算引用的公式。所以最终使用了无回路有向图的扩扑排序来实现...

兜兜毛毛
今天
6
0
如何抢占云栖大会C位?史上最强强强攻略来了

点击观看视频: APSARA云栖大会开发者情怀 原文链接 本文为云栖社区原创内容,未经允许不得转载。

阿里云官方博客
今天
6
0
Kubernetes 从懵圈到熟练:集群服务的三个要点和一种实现

作者 | 声东 阿里云售后技术专家 文章来源:Docker,点击查看原文。 以我的经验来讲,理解 Kubernetes 集群服务的概念,是比较不容易的一件事情。尤其是当我们基于似是而非的理解,去排查服务...

阿里巴巴云原生
今天
11
0
PHP7.3的新特性

2018年12月6日,PHP7.3正式版发布,在PHP7.2基础上进行了大量错误修复和安全优化,性能提升10%! 从目前的更新说明来看,PHP 7.3 并不是一个主打新特性的版本,包含更多的是 bug 修复。PHP 7...

迅睿CMS-PHP开源CMS程序
今天
8
0
Tomcat 应用中并行流带来的类加载问题

本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/f-X3n9cvDyU5f5NYH6mhxQ 作者:肖铭轩、王道环 随着 Java8 的不断流行,越来越多的开发人员使用并行流(parallel)...

vivo互联网技术
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部