您当前的位置: 首页 >  flutter

Mac 上快速搭建 Flutter 开发环境

蔚1 发布时间:2019-09-09 23:30:32 ,浏览量:2

通过本文可以在 Mac 上搭建 Flutter 的开发环境,并且跑起一个 Flutter 的 Demo。

系统要求
  • 在 Mac 上要安装并运行 Flutter 开发环境必须满足以下最低要求:
  • 操作系统:macOS (64-bit)
  • 磁盘空间:700 MB (不包括 Xcode 或 Android Studio 的磁盘空间)
  • 工具:Flutter 依赖下面这些命令行工具:bash,mkdir,rm,git,curl,unzip,which
设置 Flutter 镜像(非必需)

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

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

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

获取 Flutter SDK

Flutter 官网下载 Flutter 安装包,转到下载页

解压安装包到你想安装的目录,如:

cd ~/developmentunzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

添加 Flutter 相关工具到 Path 中

export PATH=$PATH:`pwd`/flutter/bin

此代码只能暂时针对当前命令行窗口设置 PATH 环境变量,pwd 为你安装 flutter 的绝对路径。要想永久将 Flutter 添加到 Path 可以参考下面做法:

cd ~vim .bash_profile

然后添加:

export PATH=$PATH:/Users/bingguo/Project/exercise/flutter/bin

保存重启终端

注意:如果使用的是 zsh,终端启动时~/.bash_profile将不会被加载,解决办法就是修改~/.zshrc,在其中添加source ~/.bash_profile

source ~/.bash_profile 刷新当前窗口echo $PATH 验证目录是否已经在 PATH 中

运行 flutter doctor

配置完 Path 后,运行:

flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Dart SDK 已经在捆绑在 Flutter 里了,没有必要单独安装 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.io/setup/#android-setup for detailed instructions.

一般的错误会是 xcode 或 Android Studio 版本太低、或者没有ANDROID_HOME环境变量等,可以参考下面的环境变量配置:

  export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH  export ANDROID_HOME="/Users/用户名/Documents/android_sdk" //android sdk 目录,替换为你自己的即可  export PATH=${PATH}:${ANDROID_HOME}/tools  export PATH=${PATH}:${ANDROID_HOME}/platform-tools  export PUB_HOSTED_URL=https://pub.flutter-io.cn  export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

第一次运行一个 flutter 命令(如 flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

下面是我的 Mac 上执行的结果,接下来就一个个解决。

WX20190903-111706.png

IOS 开发环境设置 安装 Xcode

要为 iOS 开发 Flutter 应用程序,您需要 Xcode 9.0 或更高版本:

安装 Xcode 9.0 或更新版本(通过链接下载或苹果应用商店).

配置 Xcode 命令行工具以使用新安装的 Xcode 版本

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

如果需要不同版本的 Xcode 版本,请指定相应路径

确保 Xcode 许可协议是通过的,可以通过打开一次 Xcode 或通过命令sudo xcodebuild -license

接下来使用 Xcode,在 iOS 设备或模拟器上运行 Flutter 应用

创建和运行一个简单的 Flutter 应用
  1. 通过命令创建一个 Flutter 项目
flutter create my_app
  1. 该命令会在当前目录下创建一个名为 my_app 的 Flutter 项目,然后通过 flutter run 命令可以运行它‘’
cd my_appflutter run
在 IOS 模拟器上运行 Flutter 应用

在 iOS 模拟器上运行并测试 Flutter 应用,请按以下步骤操作:

通过命令找到模拟器

open -a Simulator

通过检查模拟器硬件>设备菜单中的设置,确保你的模拟器正在使用 64 位设置(iPhone5s 或更高版本)

根据您的开发机器的屏幕大小,模拟的高清屏 iOS 设备可能会使您的屏幕溢出。在模拟器的 Window> Scale 菜单下设置设备比例

在 IOS 真机上运行 Flutter 应用

要将您的 Flutter 应用安装到 iOS 真机设备,您需要一些额外的工具和一个 Apple 帐户,您还需要在 Xcode 中进行设置。

安装 homebrew (如果已经安装了 brew,跳过此步骤).如果使用brew命令报错,可以尝试重新安装 homebrew,参考:

# 先卸载/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"# 再安装/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

更新 homebrew

brew update

打开终端并运行这些命令来安装用于将 Flutter 应用安装到 iOS 设备的工具

brew install --HEAD usbmuxdbrew link usbmuxdbrew install --HEAD libimobiledevicebrew install ideviceinstaller ios-deploy cocoapodspop setup

如果这些命令中的任何一个失败并出现错误,请运行 brew doctor 并按照说明解决问题。

遵循 Xcode 签名流程配置你的项目

Android 开发环境设置 安装 Android Studio

**下载并安装 **Android Studio

启动 Android Studio,然后执行“Android Studio 安装向导”。这将安装最新的 Android SDK,Android SDK 平台工具和 Android SDK 构建工具

Flutter 插件安装
  • 打开 Android Studio
  • macOS 系统中,打开 Preferences > Plugins;Windows&Linux 系统中,打开 File > Setting > Plugins
  • 选择 Browse repositories,搜索 Flutter 然后点击安装
  • 搜索 Dart 然后点击安装
  • 完成后选择重启 Android Studio
在 Andriod 模拟器上运行 Flutter 应用

要在 Andriod 模拟器上运行并测试 Flutter 应用,需要按以下步骤操作:

  • 在你的机器上启用VM acceleration
  • 启动 Android Studio>Tools>Android>AVD Manager 并选择Create Virtual Device
  • 选择一个设备并选择 Next。
  • 为要模拟的 Android 版本选择一个或多个系统映像,然后选择 Next. 建议使用 x86 或 x86_64 的镜像
  • 在 Emulated Performance 下, 选择 Hardware** - **GLES 2.0 以启用 硬件加速.
  • 验证 AVD 配置是否正确,然后选择 Finish。

有关上述步骤的详细信息,请参阅 Managing AVDs.

  • 在 Android Virtual Device Manager 中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.
  • 运行 flutter run 启动项目
在 Android 真机上运行 Flutter 应用

要准备在 Android 设备上运行并测试您的 Flutter 应用,您需要安装 Android 4.1(API level 16)或更高版本的 Android 设备.

在您的设备上启用 开发人员选项 和 USB 调试 。详细说明可在Android 文档中找到。

使用 USB 将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。

在终端中,运行 flutter devices 命令以验证 Flutter 识别您连接的 Android 设备。

运行启动您的应用程序 flutter run

默认情况下,Flutter 使用的 Android SDK 版本是基于你的 adb 工具版本。 如果您想让 Flutter 使用不同版本的 Android SDK,则必须将该 ANDROID_HOME 环境变量设置为 SDK 安装目录。

本文首发于 GitChat,未经授权不得转载,转载需与 GitChat 联系。

阅读全文: http://gitbook.cn/gitchat/activity/5d760a6ab02866460596b6bc

您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ,阅读更多 GitChat 专享技术内容哦。

FtooAtPSkEJwnW-9xkCLqSTRpBKX

关注
打赏
1688896170
查看更多评论

蔚1

暂无认证

  • 2浏览

    0关注

    4645博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.1353s