美文网首页
flutter Mac环境搭建

flutter Mac环境搭建

作者: FengyunSky | 来源:发表于2020-04-16 08:57 被阅读0次

    系统要求

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

    • 操作系统:macOS(64 位)

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

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

      • bash

      • curl

      • git 2.x

      • mkdir

      • rm

      • unzip

      • which

      • zip

    获取Flutter SDK

        接下来就是去官网下载SDK(包含了开发工具)了。注意,这里下载SDK有两种方法,一是直接`git clone -b beta https://github.com/flutter/flutter.git`下载,二是自己在官网下载下来,推荐通过官网下载,若想通过git跟踪可使用git clone下载;
    

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

        [flutter_macos_v1.12.13+hotfix.8-stable.zip](https://storage.flutter-io.cn/flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip)
    
        想要获取到其他版本的安装包,请参阅 [SDK 版本列表](https://flutter.cn/docs/development/tools/sdk/archive) 页面。
    
    1. 解压SDK包到开发目录
    cd ~/Development
    unzip flutter_macos_v1.12.13+hotfix.8-stable.zip
    

    配置环境变量

    1. 配置镜像环境变量

    因为Flutter的SDK中包含了很多的命令行工具,在运行的时候,就需要去官网下载一些需要的资源,我们就需要配置环境变量。

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

    //官方镜像地址
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    //社区镜像地址(上海交通大学Linux用户组)
    FLUTTER_STORAGE_BASE_URL:https://mirrors.sjtug.sjtu.edu.cn/
    PUB_HOSTED_URL:https://dart-pub.mirrors.sjtug.sjtu.edu.cn/
    
    

    注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

    1. 配置 flutter 的 PATH 环境变量

    直接使用flutter工具,需要配置flutter相关工具到PATH中:

    export PATH=`pwd`/Development/flutter/bin:$PATH
    
    1. 环境变量永久生效

      添加环境变量至~/.bash_profile中。

    运行 flutter doctor 命令

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

    $ flutter doctor
    

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

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

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

    image.png

    平台配置

    macOS 可以允许开发 iOS、Android 和 Web(技术预览版正式发布)三个平台的 Flutter 应用,你可以任选一个平台完成初始配置,以此来搭建并运行起来你的第一个 Flutter 应用。

    设置 iOS 开发环境

    安装 Xcode

    开发 iOS 平台上的 Flutter 应用,你需要一个安装了 Xcode 的 Mac 设备。

    1. 通过 直接下载 或者Mac App Store 来安装最新稳定版 Xcode;

    2. 通过在命令行中运行以下命令来配置 Xcode command-line tools:

    $ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    $ sudo xcodebuild -runFirstLaunch
    

    当你安装了最新版本的 Xcode,大部分情况下,上面的路径都是一样的。但如果你安装了不同版本的 Xcode,你可能要更改一下上述命令中的路径。

    1. 运行一次 Xocde 或者通过输入命令 sudo xcodebuild -license 来确保已经同意 Xcode 的许可协议。

    旧版本可能也能够正常工作,但是不建议在 Flutter 开发环境中使用。旧版本的 Xcode 不支持定位代码,还可能无法正常工作。

    安装了 Xcode 之后,你就可以在 iOS 真机或者模拟器上运行 Flutter 应用了。

    配置 iOS 模拟器

    如果想要在 iOS 模拟器中运行和测试 Flutter 应用,按照以下步骤即可:

    1. 在你的 Mac 中,通过 Spotlight 或者以下命令来运行模拟器:

      $ open -a Simulator
      
    2. 通过模拟器菜单中的 Hardware > Device 选项检查当前模拟器是否是 64 位机型(iPhone 5S 或之后的机型)。

    3. 根据你当前开发机器的屏幕尺寸,模拟器模拟出来的高密度屏幕的设备可能会占满你的屏幕,你可以通过菜单中的 Window > Scale 选项来更改模拟器的缩放比例。

    创建并运行一个简单的 Flutter 应用

    通过以下步骤来创建你的第一个 Flutter 应用并进行测试:

    1. 通过运行以下命令来创建一个新的 Flutter 应用:

      $ flutter create my_app
      
    2. 上述命令创建了一个 my_app 的目录,包含了 Flutter 初始的应用模版,切换路径到这个目录内:

      $ cd my_app
      
    3. 确保模拟器已经处于运行状态,输入以下命令来启动应用:

      $ flutter run
      

    【参考资料】

    入门: 在macOS上搭建Flutter开发环境

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

    Mac端Flutter的环境配置看这一篇就够了

    flutter中文官网

    相关文章

      网友评论

          本文标题:flutter Mac环境搭建

          本文链接:https://www.haomeiwen.com/subject/ttelvhtx.html