我在UTM上的Debian中尝试运行了Flutter

2 年 ago

韵, 科

2 minutes

首先

本文是Qiita Advent Calendar第8天的文章。
您可以从以下文章中查看所有的文章。

关于作者

とある団体の代表

本章节

经过

我一直想尝试使用Flutter进行开发，最近我正在假设开发SOKFI的移动端原生应用，计划使用Flutter编写。然而，Flutter的跨平台特性非常好，我想既然机会来了，也想开发一款桌面应用程序。因此，我决定使其兼容我喜爱的Linux操作系统。

创造良好环境

好的，环境已经配置如下。

VM：UTM(QEMU)

为了自己不忘记，我会逐步记录下设置方案。

下载Debian镜像

请从以下网页下载Debian的ISO镜像。访问以下网页并点击“arm64”，即可自动开始下载。

用UTM创建虚拟机。

首先，如果您尚未安装UTM，请安装UTM。

# Homebrewをインストールしてない方はすると便利です。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

# UTMのインストール
brew install --cask utm

我会分别在下面放上链接。

一旦安装完成，我们将开始创建虚拟机。

点击加号按钮〜

选择Linux〜

选择使用虚拟技术〜

选择刚才下载的ISO文件，通过Boot ISO Image进行启动。

从这里开始设置一直到喜欢的地方（我认为至少应该拥有4GB的内存。只有8GB的人请加油。）

现在，从开始按钮开始启动吧！

请根据喜好进行以下设置。例如，键盘方面，由于我的Mac是美式布局，所以选择了美国。

在这里，关于磁盘的设置，请全部删除分区。从这里开始，个人文件夹的分区拆分也是一个选项，但基本上这样的设置是不必要的（只是为了测试）。

由于这之后要进行相当多的文件下载，请使用数据共享的人们务必注意。

一旦安裝完成後，請按下繼續並等待重新啟動完成後再關機，然後取出光碟，重新啟動一次！

成功了如果你登录后出现了以下画面。恭喜！祝贺你！

请从这里开始进行个人设定，例如切换到ZSH、安装VSCode等等轻松操作的设置。

安装Flutter (Arm)

我按照以下文章的指示进行了安装。

git clone https://github.com/flutter/flutter
sudo mv flutter /opt/

#以下は~/.zshrcまたは~/.bashrcなどに記述
export PATH=$PATH:/opt/flutter/bin

#ここで自動的にFlutterのインストールが始まります
flutter doctor

#もし成功すれば以下のような画面が出てきます
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, 3.18.0-7.0.pre.14, on Debian GNU/Linux 12
    (bookworm) 6.1.0-12-arm64, locale ja_JP.UTF-8)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from:
      https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK
      components.
      (or visit https://flutter.dev/docs/get-started/install/linux#android-setup
      for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[✗] Chrome - develop for the web (Cannot find Chrome executable at
    google-chrome)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Linux toolchain - develop for Linux desktop
[!] Android Studio (not installed)
[✓] VS Code (version 1.83.0-insider)
[✓] Connected device (1 available)
[✓] Network resources

! Doctor found issues in 3 categories.

那么，让我们试着制作并启动一个试用应用程序吧。

flutter create sample; cd sample
flutter run

当必要的组件安装完毕后，应用程序将进行构建并启动。
只要例子中的计数器应用程序启动就可以了。

最終

这次我在安装了Arm的Debian系统上尝试了一下Flutter。顺带一提，由于Arm以外的系统和Linux上可能有很多不受支持的库，建议在使用之前仔细检查是否兼容。所以，今天的文章与往常有些不同。那么，请继续期待接下来的第23篇Adcarle文章吧。