下载 Flutter SDK

flutter官网下载:https://flutter.io/sdk-archive/#macos

若上述链接无法访问,可通过GitHub下载

将下载的 flutter sdk 解压到一个地方(这里解压完成后的目录地址之后要用到),例如我直接放置在当前用户的目录下

配置 Flutter 环境变量及镜像

  1. 打开终端工具,使用 vim 进行环境配置,输入如下命令
vim ~/.bash_profile
  1. 在打开的文件中添加如下路径
export PATH=/Users/用户名/flutter/bin:$PATH
// PATH=/Users/用户名/... 这里是指上面你解压的sdk的位置信息
// 我这里的位置信息是:export PATH=/Users/y***i/flutter/bin:$PATH
  1. 由于在国内访问Flutter可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 至此,环境变量及镜像都配置好了,再执行如下命令让它生效
source ~/.bash_profile
  1. 使用如下命令检查一下是否安装成功了
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 开发环境的更多相关文章

  1. 如何在 macOS 上搭建 PHP 开发环境

    如何在 macOS 上搭建 PHP 开发环境 Linux, Nginx, MySQL, PHP $ php --version $ php -v # PHP 7.3.11 (cli) (built: ...

  2. 入门: 在Windows上搭建Flutter开发环境

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

  3. 【Python】【Basic】MacOS上搭建Python开发环境

    1. Python3 1.1. 下载地址:https://www.python.org/downloads/mac-osx/ 1.1.1. PKG包安装: 没啥可说的,点点点,下一步而已,不用手动配置 ...

  4. 【JAVA】【Basic】MacOS上搭建JAVA开发环境

    1. JRE 1.1. 下载地址:https://www.oracle.com/technetwork/java/javase/downloads/index.html 1.1.1. dmg格式安装: ...

  5. 【Go】【Basic】MacOS上搭建GO开发环境

    1. GO下载 1.1. 下载地址:https://www.golangtc.com/download (需要科学上网) 1.1.1. PKG安装: 下载这个包:go1.9.2.darwin-amd6 ...

  6. Windows系统上搭建Clickhouse开发环境

    Windows系统上搭建Clickhouse开发环境 总体思路 微软的开发IDE是很棒的,有两种:Visual Studio 和 VS Code,一个重量级,一个轻量级.近年来VS Code越来越受欢 ...

  7. 在WP8上搭建cocos2d-x开发环境

    在WP8上搭建cocos2d-x开发环境 转自:https://github.com/koowolf/cocos-docs/blob/master/manual/framework/native/in ...

  8. 如何在Windows上搭建Android开发环境

    Android开发越来越火,许多小伙伴们纷纷学习Android开发,学习Android开发首要任务是搭建Android开发环境,由于大家 主要实在Windows 上开发Android,下面就详细给大家 ...

  9. 浅谈Flutter(一):搭建Flutter开发环境

    学习内容来自: Flutter中文网  . Flutter实战 -------------------------------------------------------------------- ...

随机推荐

  1. 新鲜出炉:appium2.0+ 单点触控和多点触控新的解决方案

    在 appium2.0 之前,在移动端设备上的触屏操作,单手指触屏和多手指触屏分别是由 TouchAction 类,Multiaction 类实现的. 在 appium2.0 之后,这 2 个方法将会 ...

  2. Open Harmony移植:build lite配置目录全梳理

    摘要:本文主要介绍build lite 轻量级编译构建系统涉及的配置目录的用途,分析相关的源代码. 本文分享自华为云社区<移植案例与原理 - build lite配置目录全梳理>,作者:z ...

  3. S3C2410——LED灯实验

    一.S3C2410输入/输出的原理 Linux主要有字符设备.块设备和网络设备3类驱动程序,我们一般编写的驱动都是字符设备驱动程序. 二.程序部分 编写程序控制3个LED灯,代码分为2个部分:控制LE ...

  4. fedora访问win10共享

    sudo mount -t cifs -o username=user,password=123 //192.168.31.20/aa /home/liao/win

  5. form表单,css简介,css选择器,css样式操作

    form表单 简介 表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序 以处理,从而使得Web服务器与用户之间具有交互功能. 表单实现前后台交互:用 ...

  6. Web Api源码(路由注册)

    这篇文章只是我学习Web API框架的输出,学习方法还是输出倒逼输入比较行得通,所以不管写的好不好,坚持下去,肯定有收获.篇幅比较长,仔细思考阅读下来大约需要几分钟. 做.NET开发有好几年时间了,从 ...

  7. nodejs + typescript + koa + eslint + typescript eslint + prettier + webstorm

    ESLint 安装 yarn add -D eslint 生成配置文件 yarn eslint --init cli 选项 How would you like to use ESLint? To c ...

  8. 手把手教你 bash中给变量赋值时 ' 和 " 和 ` 和 $() 的使用

    1.赋值指令 var='变量内容' var="变量内容" var=`command` var=$(command) var=变量内容 2.格式要求 =两边不能有空白字符 错误示例 ...

  9. Java变量, 常量和作用域

    目录 变量 作用域 局部变量 实例变量 类变量 常量 命名规范 视频课程 变量 变量就是可以变化的量 Java是一种强类型的语言, 每个变量都必须声明其类型 Java变量是程序中最基本的存储单元, 其 ...

  10. c++ 超大整数除法 高精度除法

    c++ 超大整数除法 高精度除法 解题思路 计算a/b,其中a为大整数,b为普通整数,商为c,余数为r. 根据手算除法的规则,上一步的余数记为r,则本次计算的被除数为t=r*10+被除数的本位数值a[ ...