前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >搭建Flutter开发环境

搭建Flutter开发环境

作者头像
用户1974410
发布2022-09-20 16:16:40
2.2K0
发布2022-09-20 16:16:40
举报
文章被收录于专栏:flutter开发精选

本节会介绍macOS下Flutter SDK的安装和IDE的配置。

1.2.1 安装Flutter

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

•操作系统:macOS(64 位)•磁盘空间:2.8 GB(不包含 IDE 或其余工具所需要的磁盘空间)•命令工具:Flutter 需要你的开发环境中已经配置了以下命令行工具。

bash curl git 2.x mkdir rm unzip which zip

使用镜像

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

代码语言:javascript
复制
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考https://flutter.io/community/china 以获得有关镜像服务器的最新动态。

获取Flutter SDK

1.

去flutter官网下载其最新可用的安装包,下载地址:https://flutter.cn/docs/development/tools/sdk/releases?tab=macos ,打开后如图1-2所示:

2.

将文件解压到目标路径, 比如:

代码语言:javascript
复制
 cd ~/development
 unzip ~/Downloads/flutter_macos_1.20.2-stable.zip

如果你不想安装固定版本的安装包,你可以跳过步骤 1 和 2。或者是从 GitHub 上的 Flutter repo 获取源代码,并根据需要更改分支或标签。

1.配置 flutter 的 PATH 环境变量:

代码语言:javascript
复制
export PATH="$PATH:`pwd`/flutter/bin"

这个命令配置了 PATH 环境变量,且只会在你 当前 命令行窗口中生效。如果想让它永久生效,需要更新 PATH 环境变量。

1.开发二进制文件预下载(可选操作)

代码语言:javascript
复制
flutter precache

运行 flutter doctor 命令

在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:

代码语言:javascript
复制
flutter doctor

这个命令会检查你当前的配置环境,并在命令行窗口中生成一份报告。安装 Flutter 会附带安装 Dart SDK,所以不需要再对 Dart 进行单独安装。你需要仔细阅读上述命令生成的报告,看看别漏了一些需要安装的依赖,或者需要之后执行的命令(这个会以 加粗的文本 显示出来)。

比如你可能会看到下面这样的输出:

代码语言:javascript
复制
[-] Android toolchain - develop for Android devices
    • Android SDK at D:\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.io/setup/#android-setup for detailed instructions.

第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。

设置 iOS 开发环境

1.安装 Xcode 开发 iOS 平台上的 Flutter 应用,你需要一个安装了 Xcode 的 Mac 设备。通过Mac App Store 来安装最新稳定版 Xcode;然后通过在命令行中运行以下命令来配置 Xcode command-line tools:

代码语言:javascript
复制
 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
 sudo xcodebuild -runFirstLaunch

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

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

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

代码语言:javascript
复制
open -a Simulator

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

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

•下载并安装(https://developer.android.google.cn/studio)•运行 Android Studio,并进入 ‘Android Studio Setup Wizard’,这会安装最新的 Android SDK, Android SDK Platform-Tools 以及 Android SDK Build-Tools,这些都是在开发 Android Flutter 应用时所需要的。

2.配置 Android 设备 在 Android 设备上运行或测试 Flutter 应用之前,你需要一个运行 Android 4.1(API 版本 16)或者更高的设备。•在设备上打开 Developer options 和 USB debugging 选项,你可以- 在 Android documentation (https://developer.android.google.cn/studio/debug/dev-options)上查看更详细的方法介绍。•如果是在 Windows 平台上使用,需要安装 Google USB Driver•通过 USB 接口连接手机和电脑,如果在设备上弹出需要授权弹窗,允许授权以便让电脑能够访问你的开发设备。•在命令行中,使用 flutter devices 命令来确保 Flutter 能够识别出你所连接的 Android 设备。•默认情况下,Flutter 会使用当前版本 adb 工具所依赖的 Android SDK 版本,如果你想让 Flutter 使用别的 Android SDK,你可以通过设置 ANDROID_HOME 环境变量来达到这个目的。

3.配置 Android 模拟器 根据以下步骤来将 Flutter 应用运行或测试于你的 Android 模拟器上:•激活机器上的 VM acceleration 选项。•打开 Android Studio,点击 AVD Manager 按钮,选择 Create Virtual Device…•在一些旧的 Android Studio 版本里,需要通过 Android Studio > Tools > Android > AVD Manager,然后选择 Create Virtual Device 选项。(只有在 Android 项目中才会显示 Android 子选项。)•选择相应的设备并选择 Next 选项。•选择一个或多个你想要模拟的 Android 版本的系统镜像,然后选择 Next 选项。推荐选择 x86 或者 x86_64 镜像。•在 Emulated Performance 下选择 Hardware - GLES 2.0 选项来开启 硬件加速。•确保 AVD 选项配置正确,并选择 Finish 选项。•想要查看上述步骤的更多详细信息,请查看 Managing AVDs 页面。•在 Android Virtual Device Manager 中,点击工具栏中的 Run 选项,模拟器会启动并为你所选择的系统版本和设备显示出相应的界面。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-09-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 flutter开发精选 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 本节会介绍macOS下Flutter SDK的安装和IDE的配置。
  • 1.2.1 安装Flutter
    • 使用镜像
      • 获取Flutter SDK
        • 运行 flutter doctor 命令
        相关产品与服务
        命令行工具
        腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档