在 macOS 上搭建 Flutter 开发环境
下载 Flutter SDK
flutter官网下载:https://flutter.io/sdk-archive/#macos
若上述链接无法访问,可通过GitHub下载
将下载的 flutter sdk 解压到一个地方(这里解压完成后的目录地址之后要用到),例如我直接放置在当前用户的目录下

配置 Flutter 环境变量及镜像
- 打开终端工具,使用 vim 进行环境配置,输入如下命令
vim ~/.bash_profile
- 在打开的文件中添加如下路径
export PATH=/Users/用户名/flutter/bin:$PATH
// PATH=/Users/用户名/... 这里是指上面你解压的sdk的位置信息
// 我这里的位置信息是:export PATH=/Users/y***i/flutter/bin:$PATH
- 由于在国内访问Flutter可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 至此,环境变量及镜像都配置好了,再执行如下命令让它生效
source ~/.bash_profile
- 使用如下命令检查一下是否安装成功了
flutter -h
出现如下可用的 flutter 命令提示后就是安装成功了
Common commands:
flutter create <output directory>
Create a new Flutter project in the specified directory.
flutter run [options]
Run your Flutter application on an attached device or in an emulator.
Usage: flutter <command> [arguments]
Global options:
-h, --help Print this usage information.
-v, --verbose Noisy logging, including all shell commands executed.
If used with --help, shows hidden options.
-d, --device-id Target device id or name (prefixes allowed).
--version Reports the version of this tool.
--suppress-analytics Suppress analytics reporting when this command runs.
--packages Path to your ".packages" file.
(required, since the current directory does not contain a ".packages" file)
检查开发环境
在上面的步骤中,我们成功的安装了 Flutter ,但还不具备开发环境。在开发中还需要很多软件和插件的支持,我们需要通过如下命令来查看到底还需要哪些软件和插件
flutter doctor
会显示如下信息:

这里显示 的就是必须要安装的,带️的则不是必须的。
首先,让我们来解决 Android SDK 的问题,这里直接下载安装 Android Studio
安装完成后,打开 Android Studio ,点击右下角的 Configure --> Plugins --> 下载 Dart 和 Flutter
再运行
flutter doctor查看(这里有个问题是我已经安装了Dart和Flutter插件,却提示我没有安装,具体解决办法可见:https://www.jianshu.com/p/d9ca9624006a

然后解决Android toolchain下面的问题,只要执行
flutter doctor --android-licenses命令,一直输入 y 同意即可,这时候关于Android Studio及Android SDK的问题就解决了。

可以看到,我们还需要解决XCode的安装问题
参考
在 macOS 上搭建 Flutter 开发环境的更多相关文章
- 如何在 macOS 上搭建 PHP 开发环境
如何在 macOS 上搭建 PHP 开发环境 Linux, Nginx, MySQL, PHP $ php --version $ php -v # PHP 7.3.11 (cli) (built: ...
- 入门: 在Windows上搭建Flutter开发环境
使用镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中: export PUB_HOSTED_URL=htt ...
- 【Python】【Basic】MacOS上搭建Python开发环境
1. Python3 1.1. 下载地址:https://www.python.org/downloads/mac-osx/ 1.1.1. PKG包安装: 没啥可说的,点点点,下一步而已,不用手动配置 ...
- 【JAVA】【Basic】MacOS上搭建JAVA开发环境
1. JRE 1.1. 下载地址:https://www.oracle.com/technetwork/java/javase/downloads/index.html 1.1.1. dmg格式安装: ...
- 【Go】【Basic】MacOS上搭建GO开发环境
1. GO下载 1.1. 下载地址:https://www.golangtc.com/download (需要科学上网) 1.1.1. PKG安装: 下载这个包:go1.9.2.darwin-amd6 ...
- Windows系统上搭建Clickhouse开发环境
Windows系统上搭建Clickhouse开发环境 总体思路 微软的开发IDE是很棒的,有两种:Visual Studio 和 VS Code,一个重量级,一个轻量级.近年来VS Code越来越受欢 ...
- 在WP8上搭建cocos2d-x开发环境
在WP8上搭建cocos2d-x开发环境 转自:https://github.com/koowolf/cocos-docs/blob/master/manual/framework/native/in ...
- 如何在Windows上搭建Android开发环境
Android开发越来越火,许多小伙伴们纷纷学习Android开发,学习Android开发首要任务是搭建Android开发环境,由于大家 主要实在Windows 上开发Android,下面就详细给大家 ...
- 浅谈Flutter(一):搭建Flutter开发环境
学习内容来自: Flutter中文网 . Flutter实战 -------------------------------------------------------------------- ...
随机推荐
- Hive 3.x 配置&详解
Hive 1. 数据仓库概述 1.1 基本概念 数据仓库(英语:Data Warehouse,简称数仓.DW),是一个用于存储.分析.报告的数据系统. 数据仓库的目的是构建面向分析的集成化数据环境,分 ...
- 『现学现忘』Git基础 — 23、Git中的撤销操作
目录 1.撤销操作说明 2.撤销工作区中文件的修改 3.撤销暂存区中文件的修改 4.总结 1.撤销操作说明 我们在使用Git版本管理时,往往需要撤销某些操作.比如说我们想将某个修改后的文件撤销到上一个 ...
- 4.0 vue绑定dom属性和函数的方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 使用Spring MVC开发RESTful API(续)
使用多线程提高REST服务性能 异步处理REST服务,提高服务器吞吐量 使用Runnable异步处理Rest服务 AsyncController.java @RestController @GetMa ...
- 200 行代码实现基于 Paxos 的 KV 存储
前言 写完[paxos 的直观解释]之后,网友都说疗效甚好,但是也会对这篇教程中一些环节提出疑问(有疑问说明真的看懂了 ),例如怎么把只能确定一个值的 paxos 应用到实际场景中. 既然 Talk ...
- Mybatis-Plus乐观锁Version
实现原理 取出记录时,获取当前version更新时,带上这个version执行更新时, set version = newVersion where version = oldVersion如果ver ...
- Hadoop配置与安装
基础配置 1.关闭防火墙 systemctl stop firewalld.service #停止firewall systemctl disable firewalld.service #禁止fir ...
- .net6.0 初探
概述:大概的了解一下 dotnet 6.0 建立 MVC web项目的过程以及程序调用 结合 EF 框架进行简单 的CRUD 1.选择创建 MVC 的Web项目 2.框架类型选择 6.0 3. 6 ...
- HttpUploadFile
public static void HttpUploadFile(string url, string file, string paramName, string contentType, Nam ...
- React BrowserHistory 踩坑实录 布置到服务器Nginx上各种静态文件、二级地址404
由于BrowserHistory访问的是文件真实地址不仅需要前端配置package.json还需要运维端配置一下网站Nginx设置环境: "react": "^17.0. ...