如何在 Linux 上使用 Android Studio 设置 Flutter

31 篇文章 2 订阅

在这里插入图片描述
Flutter 是一个 Google 开发平台,可让您使用一个代码库编写跨平台移动应用程序。应用程序是用 Dart 开发的,Dart 是一种类型化和面向对象的语言,可以编译为本机代码或 JavaScript。这意味着您可以使用单个 Flutter 项目针对 Android、iOS、桌面操作系统和 Web。

Flutter 附带了一个类似于 React 的框架,用于声明性地定义接口。它还附带内置 Material Design 和类似 iOS 的组件,可让您快速分层新界面。通过与 IDE、实时调试工具和测试库的强大集成,进一步增强了开发人员的易用性。

随着越来越多的开发人员被其统一方法所吸引,Flutter 的受欢迎程度在过去几年中迅速增长。以下是如何在 Linux 机器上使用 Android Studio 启动您自己的 Flutter 开发环境。

下载 Android Studio

首先下载并安装 Android Studio IDE。Android Studio 基于 JetBrains 的 IntelliJ IDEA,是 Android 平台的官方开发环境。当使用 Flutter 插件进行扩充时,它还为 Flutter 应用程序提供一流的开发体验。

前往下载页面并获取适用于 Linux 的最新 Studio 版本。在下载开始之前,系统会提示您接受许可协议。
在这里插入图片描述

下载完成后解压缩存档。解压后的目录树包含运行 Android Studio 所需的一切——没有单独的安装脚本。出于这个原因,通常最好解压缩到通常用于存储应用程序的目录。

tar -xf android-studio-* -C /opt/android-studio
chown -R $USER:$USER /opt/android-studio

要启动 Android Studio,请运行目录中的studio.sh脚本bin。如果您经常使用 IDE,请将此目录添加到您的路径中。否则,您需要在每次启动时指定完整路径:

/opt/android-studio/bin/studio.sh &

尾随符号表示您将能够关闭外壳并继续使用 Android Studio。
在这里插入图片描述

按照首次运行设置向导配置您的 IDE。就本教程而言,您可以接受默认设置并创建“标准”安装。这将自动下载最新的 Android Emulator 版本和 Android 构建工具。这些将在以后调试 Flutter 应用程序时有用。
在这里插入图片描述

到达“验证设置”屏幕后,确认 Android Studio 将安装 SDK、JDK、模拟器、构建工具和平台工具。如果一切正常,请单击“下一步”按钮开始下载。这可能需要一段时间,具体取决于您的互联网连接质量。完成后,Android Studio 将启动。

下载 Flutter

该颤振SDK应该被添加到您的Android系统Studio之外。作为 Linux 用户,直接从 Git 存储库获取 SDK 是最容易的。您可以通过签出不同的分支在版本之间切换。

选择在您的系统上放置 SDK 的位置,然后使用 Git 下载最新的稳定版本:

mkdir ~/.flutter-sdk
cd ~/.flutter-sdk
git clone https://github.com/flutter/flutter.git -b stable

bin将 SDK 中的目录添加到您的路径中。这将让您flutter在终端中使用该命令。立即运行flutter以完成 SDK 设置。该命令将下载完整的 Dart 和 Flutter SDK,然后构建主 CLI 实用程序。可能需要几分钟才能完成。

接下来运行flutter doctor以检查 SDK 是否可以使用。此命令将确认您已安装 Android SDK,以便您可以构建和部署 Flutter 应用程序。如果任何检查失败,请使用提供的 URL 来调试问题所在。一个常见的警告是“Android 许可状态未知”——这可以通过运行flutter doctor --android-licenses以接受 SDK 的许可条款来纠正。

在这里插入图片描述

一旦flutter doctor显示“Flutter”和“Android 工具链”正在工作,您就可以返回 Android Studio。预先运行的可选步骤flutter precache可以加速未来的构建。这会提前为 iOS 和 Android 下载特定于平台的二进制文件,从而减少您第一次构建的编译时间。

为 Android Studio 添加 Flutter 支持

是时候让 Flutter 与 Android Studio 一起工作了。在 Android Studio 主屏幕上,单击左侧菜单中的插件链接。Flutter 插件通常位于 Featured 列表顶部附近。如果您看不到它,请尝试使用搜索栏。

在这里插入图片描述

单击插件名称旁边的绿色“安装”按钮。系统还会提示您安装 Dart 插件。这增加了对 Dart 编程语言的编辑器支持。确认提示并将这两个插件添加到 Android Studio。等待下载完成,然后按绿色的“重新启动 IDE”按钮应用您的更改。

创建 Flutter 应用

Flutter 插件使用额外的“New Flutter Project”按钮修改 Android Studio 主屏幕。现在点击它来启动你的第一个 Flutter 应用程序。尽管此快捷方式默认用于 Flutter,但有时以下弹出对话框最终会出现在错误的选项卡上。确保在左侧边栏中选择了“Flutter”。
在这里插入图片描述

在弹出对话框的右侧,使用文件选择器提供 Flutter SDK 路径。这是git clone之前命令创建的目录。您可以稍后通过打开您的项目,然后导航到 Android Studio 设置并选择 Languages & Frameworks > Flutter 来更改它。

在这里插入图片描述

在下一页为您的项目命名并选择一个存储位置。项目名称必须由字母数字小写字符和下划线组成。在组织下,为您的应用程序提供反向 DNS 标记的命名空间,例如com.example.myapp.
在这里插入图片描述

您通常可以分别将 Android 和 iOS 语言保留为 Kotlin 和 Swift 的默认设置。这些定义了您将用于编写特定于平台的本机组件的语言。只有在您已经知道需要这样做的情况下才应该更改此设置。

最后使用“平台”复选框选择您想要定位的操作系统。在此阶段,只有 iOS、Android 和 Web 可用。在 Linux 上进行开发时,不支持 Windows 和 macOS。您可以通过在终端中运行命令并重新启动 Android Studio来启用 Linux桌面支持flutter config --enable-linux-desktop。

完成项目配置后,单击“完成”按钮创建它。在 Android Studio 准备项目、下载任何额外的依赖项并索引初始源以发现代码符号时,创建过程可能需要几秒钟的时间。

运行你的项目

IDE 将打开为README.md. 你可以在lib/main.dart. 项目文件夹中的android,ios和web目录存储特定于平台的内容,例如清单文件、图标和工具链配置。
在这里插入图片描述

通过按工具栏中的绿色播放按钮或使用 Shift+F10 键盘快捷键来运行您的应用程序。这将默认在 Chrome 中运行您项目的网络版本。如果您手头有 Android 设备,请将其连接到您的机器并启用 USB 调试模式以激活 Android Studio 的设备上调试。从工具栏中的下拉菜单中选择您的设备,就在播放按钮的对面。
在这里插入图片描述

要使用模拟设备,请前往顶部菜单栏中的工具 > AVD 管理器,然后按左下角的“创建虚拟设备”。按照提示使用硬件属性和 Android 版本配置新设备。

在这里插入图片描述

完成此过程后,您的设备应显示在构建工具栏的下拉列表中。现在您已准备好使用 Android Studio 和物理或模拟 Android 手机开发您的应用程序。

概括

虽然 Flutter 正在简化跨平台应用程序开发,但入门体验仍然相对复杂。在 Linux 上使用 Flutter 需要一个多步骤的过程:安装 Android Studio、下载 Flutter SDK,然后将两者链接在一起。您还需要完整的 Android SDK 和可正常运行的 Android 模拟器映像。

在这里插入图片描述

以正确的顺序执行该过程将导致环境正常运行,但不要低估您的设备和网络可能产生的影响。您将有数 GB 的数据需要下载,还有多个 SDK 需要提取和编译,这在较旧的硬件或较慢的 Internet 连接上可能会很耗时。

一旦您的 IDE 开始运行,Flutter 文档就是您编写应用程序和创建生产构建的最佳参考。请注意,无法在 Linux 上编译您的 iOS 版本——您需要通过物理硬件、虚拟机或云托管的 CI 构建解决方案访问 Mac。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mikes zhang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值