首页 > 其他分享 >macOS 上安装和配置 Flutter 开发环境

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

时间:2023-01-28 11:46:35浏览次数:66  
标签:macOS flutter 命令 Android 安装 Flutter SDK

本文基于此: Flutter中文网

一、安装和运行Flutter的系统环境要求

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

  • 操作系统:macOS
  • 磁盘空间:2.8 GB(不包括IDE/tools的磁盘空间)。
  • 工具:Flutter使用git进行安装和升级。我们建议安装Xcode,其中包括git,但你也可以单独安装git

重点提醒
如果你要在 Apple 芯片的 Mac 电脑 上使用,你还需要安装 Rosetta 2 环境因为 一些辅助工具 仍然需要,你可以通过手动运行下面的命令来安装:

sudo softwareupdate --install-rosetta --agree-to-license

二、获取 Flutter SDK

点击 https://flutter.cn/docs/get-started/install/macos 这个链接下, 滑动到如图所示位置
在这里插入图片描述
根据自己的电脑芯片来决定下载那个版本。 点此查看全部的SDK版本列表

三、解压 SDK

默认下载下来的SDK包会被放置到下载目录 ~/Downloads 下, 可使用如下命令,将SDK包解压到指定位置

#我将flutter sdk放到了 “文稿”目录下,位置自定
cd ~/Documents

#解压
unzip ~/Downloads/flutter_macos_3.3.10-stable.zip

解压后的目录如下:
在这里插入图片描述

四、配置 Flutter 的 PATH 环境变量 (永久生效)

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,以下前两行这是我在官网直接复制来的镜像地址

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Flutter的环境变量

export FLUTTER_HOME=~/Documents/flutter
export PATH=$FLUTTER_HOME/bin:$PATH
  • 第一步:打开终端, 输入 vim ~/.bash_profile

  • 2.第二步
    1.按下键盘上的i,进入插入/编辑模式,
    2.把上面那四个经过你修改后的变量,粘贴到窗口里。
    3.粘贴完之后,按esc退出插入模式。键入以下内容:wq用于保存并退出当前窗口

  • 第三步:刷新当前命令行窗口

    source ~/.bash_profile
    
  • 第四步:验证flutter/bin是否已添加到环境变量中以及flutter命令是否可用

    echo $PATH
    

    验证 flutter 命令是否可用,可以执行下面的命令检测:

    which flutter
    

五、运行 flutter doctor 命令

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

flutter doctor -v

这个命令会检查你当前的配置环境,并在命令行窗口中生成一份报告。安装 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.cn/docs/setup/#android-setup for detailed instructions.

六、总结

通过如上步骤一步步操作下来后,一般情况下我们就完成了对Flutter的安装与环境配置。 如果在此过程中出现了任何问题,都可以在评论区给我留言。

标签:macOS,flutter,命令,Android,安装,Flutter,SDK
From: https://www.cnblogs.com/reyzhang/p/17069985.html

相关文章

  • Axure 安装使用 FontAwesome
    Axure安装使用FontAwesome.字体下载:https://www.bootcss.com/p/font-awesome/解压后,到font目录,双击FontAwesome.otf文件退出Axure重新打开后,可以看到FontAwes......
  • Padavan最新修复安装ONMP,自建本地entware源快速安装WEB环境,帖内付补充文件
    onmp一键安装WEB环境脚本,因为官方源文件变动的问题,导致onmp即使成功安装后很多WEB应用也用不了,缺失了常用的PHP扩展,作者自己也放弃更新了,很可惜.经过几个星期的摸索烧......
  • Anaconda3 安装和常用命令
    Anaconda3-2019.10-Windows-x86_64.exehttps://mirrors.bfsu.edu.cn/anaconda/archive/C:\Anaconda3>pythonPython3.7.4(default,Aug92019,18:34:13)[MSCv.1915......
  • 日常运维管理-IBM监控代理安装
        应用运营监控项目 SCAPMAgent安装文档                        目录1项目概述...51.1项目背景.........
  • AX9000安装使用Docker
    固件更新  需将小米AX9000路由支持安装Docker,但正式版并没有该功能需更新为开发板Rom,直接在小米路由官网下载固件更新即可,当前正式版最新固件为1.0.165,开发板固件为:1.0.......
  • 深入理解flutter中的state
    flutter中如果使用widget,那么无可避免的就要接触到StatelessWidget和StatefulWidget这两样东西,这两样东西表示什么呢?首先我们需要明白flutter中的编程范式,flutter......
  • Navicat Premium 16 安装教程
    前言本篇文章是基于WIN10操作系统下载与安装破解Navicat;破解教程为使用注册机破解;Navicat为付费软件,请支持正版1、下载Navicat#Navicat官网:www.navicat.com.cn/......
  • Flutter监听安卓系统字体变化,监听安卓系统深色模式切换
    Flutter通过强大的MediaQuery控件做到监听前设备的信息及其设备信息的动态变化参考:Flutter强大的MediaQuery控件Flutter小技巧之MediaQuery和build优化你不知道的......
  • Flutter中渲染过程
    flutter三个部分首先在App开发的时候,我们就会关注一个问题:如何结构化地组织视图数据,提供给渲染引擎,最终完成界面显示。flutter对视图树的概念进行一些扩展,它将......
  • 安装配置node.js和npm
    一、安装nodejs环境运行官网下载的【.msi】安装包,全部默认下一步,完成安装。执行命令行node-v验证是否安装成功。二、更改npm默认安装路径在【nodejs】根目录,新建......