Closed4
Flutter の開発環境構築 on Arch on WSL2 and Windows11
Archが動くWSL2 と Windows11 の二つで,Flutterの開発環境を整える.
要件
- WSLで,できるだけクリーンな開発がしたい
- エディタはWSLのneovimを使いたい
- gitとかを考えると,ファイルはWSL側に置きたい
- Andoroid Studio は Windows側が望ましい(どちらか片方であれば許容
- 一応,WSL側でLinux版のデバックはできるようにしておく
- WSL側は Arch Linux で,fish shell を使う
参考文献
Windows 側の初期設定
次のzenn本を参考にした.
AndroidStudio のインストール・初期設定
pwsh
winget install -e --id Google.AndroidStudio
起動後,表示に従い初期設定を済ませた.
その後,設定より,Flutter と Flutter依存でDLされているDart のパスを記述した.
flutter のインストール
flutter_windows_3.13.9-stable.zip
のようなファイルをDLした.
任意のディレクトリに解凍し,C:\任意のディレクトリ\flutter\bin
のようなPATHを通した.
AndroidSDK CLI のインストール
Android Studio の SDK Manager よりインストールした.
Arch on WSL 側の初期設定
- neovimの設定を済ませた
- adbの使い方は WSL2でFlutter開発環境を構築した _ Cosnomi Blog を参考
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
追記
2024年1月5日,WSL 側の環境が汚れるし,Android をエミュレートしてデバックするのがうまく行かないので,Windows 側のみで完結させることにした.
それに伴いこのスクラップを Close.
このスクラップは2024/01/05にクローズされました