在 macOS 上搭建 Flutter 开发环境并配置 Android Studio

terry 2年前 (2023-09-22) 阅读数 79 #移动小程序

移动客户端一般有 iOS 和 Android 两个版本。作为一名移动开发者，你一定有过这样的想法：是否可以直接编写编程语言？代码可以直接在iOS和Android上运行吗？现在这个问题已经解决了。在 Google 的支持下，Flutter 可以快速为 iOS 和 Android 创建高质量的本机用户界面。让我们跟随小编来认识Flutter吧！

正文

什么是Flutter

什么是Flutter？官网文档介绍如下： Flutter是Google的移动UI框架，可以快速为iOS和Android创建高质量的原生UI。 Flutter 可以使用现有代码。 Flutter 被全球越来越多的开发者和组织使用，并且 Flutter 是完全免费和开源的。可见，移动开发者可以直接使用Flutter直接开发iOS和Android客户端。

Flutter的优点

高效快速开发

统一的应用开发体验，一套代码可以同时开发iOS和Android应用
Flutter的热重载可以帮助您快速测试Flutter UI，添加功能并更快地修复错误。修复崩溃时，您可以从应用程序停止的位置继续调试，从而大大减少开发和调试时间。
获取本地功能和 SDK。 Flutter 允许您重用现有的 Java、Swift 或 ObjC 代码来访问适用于 iOS 和 Android 的本机系统功能和系统 SDK
现代化的响应式框架和一组基本小部件，可轻松创建用户界面。通过强大灵活的 API 解决棘手的 UI 挑战

富有表现力、美观的 UI

内置 Flutter 材质设计和 Cupertino（iOS 风格）小部件，丰富的 API、流畅自然的滚动效果以及平台感知能力让应用界面更加美观，交互更友好

安装Flutter

系统要求

Windows

操作系统：Windows 7或更高版本（64位）
40MB磁盘空间：0MB例如。 Android Studio空间）
工具：Flutter依赖以下命令行工具（Git for Windows（Git命令行工具））

macOS

操作系统：macOS（64位）
磁盘空间：700 MB（不含 Xcode 或 Android Studio 磁盘空间）
工具：Flutter 依赖以下命令行工具（bash、mkdir、rm、git、curl、unzip）

Linux

操作系统：Linux（64位）
磁盘空间：600 MB（不包括Android Studio磁盘空间）。
工具：Flutter依赖以下命令行工具（bash、mkdir、rm、git、curl、unzip，其中)

在macOS上搭建Flutter开发环境

1.获取Flutter SDK

前往Flutter官网下载其最新可用的安装程序，下载地址。下载的时候可能要绕墙。小伙伴们也可以前往Flutter github，下载安装程序包下载链接。
这里，小编直接使用git下载了安装包，并将Flutter添加到路径中：

git clone -b beta https://github.com/flutter/flutter.git
export PATH=`pwd`/flutter/bin:$PATH
复制代码

运行flutter doctor
当时小编报了很多错误。小编一脸困惑，但还是按照指示一步步执行。终于安装成功了。分享一下小编在更新libimobiledevice时遇到的一个问题：“Required 'libusbmuxd >= 1.1.0' but libusbmuxd version is 1.0.10”。最后采用如下方法解决。请参阅
```
brew update 
brew uninstall --ignore-dependencies libimobiledevice 
brew uninstall --ignore-dependencies usbmuxd 
brew install --HEAD usbmuxd 
brew unlink usbmuxd 
brew link usbmuxd 
brew install --HEAD libimobiledevice
复制代码
```

配置 Android Studio

下载并安装 Android Studio，版本 3.0 或更高版本
启动 Android Studio，然后运行“Android Studio 安装向导”
在首选项 > 安装中搜索 Flutter
之后安装完成后，重启Android Studio
安装flutter后，Android Studio就会启动
现在Android Studio已经配置成功了，我们来创建一个Flutter应用程序
1. 选择File>New Flutter Project
2. 选择选择“Flutter”作为项目类型，然后单击“下一步”
3. 输入项目名称（例如 myFirstFlutterApp），选择保存路径，然后单击“完成”
4. 等待 Android Studio 安装 SDK 并构建项目。 6.运行，可以在模拟器上运行，也可以在手机上运行，下面是小编在手机上运行的截图
  至此，我们的Flutter环境就安装好了，Android Studio也配置成功了。

作者：年高妈妈技术团队