Closed4

Flutter の開発環境構築 on Arch on WSL2 and Windows11

rayfiyorayfiyo

Archが動くWSL2 と Windows11 の二つで,Flutterの開発環境を整える.

要件

  • WSLで,できるだけクリーンな開発がしたい
  • エディタはWSLのneovimを使いたい
  • gitとかを考えると,ファイルはWSL側に置きたい
  • Andoroid Studio は Windows側が望ましい(どちらか片方であれば許容
  • 一応,WSL側でLinux版のデバックはできるようにしておく
  • WSL側は Arch Linux で,fish shell を使う

参考文献

rayfiyorayfiyo

Windows 側の初期設定

次のzenn本を参考にした.

AndroidStudio のインストール・初期設定
pwsh
winget install -e --id Google.AndroidStudio

起動後,表示に従い初期設定を済ませた.
その後,設定より,Flutter と Flutter依存でDLされているDart のパスを記述した.

flutter のインストール

https://docs.flutter.dev/get-started/install/windows
から,flutter_windows_3.13.9-stable.zipのようなファイルをDLした.
任意のディレクトリに解凍し,C:\任意のディレクトリ\flutter\binのようなPATHを通した.

AndroidSDK CLI のインストール

Android Studio の SDK Manager よりインストールした.

rayfiyorayfiyo

Arch on WSL 側の初期設定

flutterインストール

yay -S --noconfirm flutter

flutter doctorを実行し,不足分を調整する.
今回は,以下の

  • [✓] Flutter
  • [✗] Android toolchain - develop for Android devices
  • [✗] Chrome - develop for the web
  • [✓] Linux toolchain - develop for Linux desktop
  • [!] Android Studio (not installed)
  • [✓] Connected device (1 available)
  • [✓] Network resources
    を目指す.(Linux toolchain を ✗ から ✓ にするだけ?)

各種インストール

sudo pacman -S  --noconfirm clang cmake dart ninja gtk3
git config --global --add safe.directory /opt/flutter
yay -S --noconfirm android-sdk-platform-tools

PATHを通す

~/.config/fish/config.fish
fish_add_path /opt/flutter/bin
fish_add_path /opt/android-sdk/platform-tools/を追加する
例えば,次のような方法で追加できる.

~/.config/fish/config.fish
sed -i 's/# Commands to run in interactive sessions can go here/# Commands to run in interactive sessions can go here\nfish_add_path \/opt\/flutter\/bin\nfish_add_path \/opt\/android-sdk\/platform-tools\/\n/g' ~/.config/fish/config.fish
rayfiyorayfiyo

追記

2024年1月5日,WSL 側の環境が汚れるし,Android をエミュレートしてデバックするのがうまく行かないので,Windows 側のみで完結させることにした.
それに伴いこのスクラップを Close.

このスクラップは2024/01/05にクローズされました