flutter-terminal-cheat-sheet について
Flutter Terminal Cheat Sheet は、Flutter と Dart の一般的な開発作業に使うコマンドをまとめたスキルです。ビルドやクリーンアップ、コード生成、テストカバレッジを素早く確認したい開発者向けです。
主な機能
- 01Flutter Web の実行コマンド
- 02GitHub Pages 向け Web ビルド手順
- 03CocoaPods のクリーンアップコマンド
- 04Dart パッケージ作成コマンド
- 05ビルドファイルの生成と監視
- 06テストカバレッジの生成
活用シーン
- 01SKIA または Canvas Kit で Flutter Web を実行
- 02Web アプリを docs フォルダーにビルド
- 03ビルドファイルの再生成や Flutter キャッシュの修復
- 04サンプル付き Dart プラグインの作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ rodydavis/ skills --skill flutter-terminal-cheat-sheetインストール後、Claude Code で/flutter-terminal-cheat-sheetを入力して読み込まれたか確認します。
詳細
Flutter ターミナルのチートシート
SKIA で Flutter Web を実行する
flutter run -d web --release --dart-define=FLUTTER_WEB_USE_SKIA=true
Canvas Kit で Flutter Web を実行する
flutter run -d chrome --release --dart-define=FLUTTER_WEB_USE_EXPERIMENTAL_CANVAS_TEXT=true
Flutter Web アプリを Github Pages の docs フォルダーにビルドする
flutter build web && rm -rf ./docs && mkdir ./docs && cp -a ./build/web/. ./docs/
CocoaPods をクリーン再ビルドする
cd ios && pod deintegrate && pod cache clean —all && pod install && cd ..
Firebase を使っている場合、次のコマンドの実行が必要になることがあります:
pod update Firebase
Example 付きの Dart パッケージを作成する
flutter create -t plugin . && flutter create -i swift -a kotlin --androidx example
ビルドファイルを監視する
flutter packages pub run build_runner watch -—delete-conflicting-outputs
ビルドファイルを生成する
flutter packages pub run build_runner build -—delete-conflicting-outputs
バグレポートをビルドする
flutter run —bug-report
Flutter のテストカバレッジを生成する
flutter test --coverage && genhtml -o coverage coverage/lcov.info
Flutter キャッシュを再ビルドする
flutter pub pub cache repair
すべての Flutter プロジェクトをクリーンアップする
find . -name "pubspec.yaml" -exec $SHELL -c '
echo "Done. Cleaning all projects."
for i in "$@" ; do
DIR=$(dirname "${i}")
echo "Cleaning ${DIR}..."
(cd "$DIR" && flutter clean >/dev/null 2>&1)
done
echo "DONE!"
' {} +
条件付きエクスポート/インポート
export 'unsupported.dart'
if (dart.library.html) 'web.dart'
if (dart.library.io) 'mobile.dart';
実行中の Dart を終了する
killall -9 dart
Flutter スクリプト
flutter_scripts を使って、すべてのスクリプトをpubspec.yamlに追加します。
コメント
Markdown 対応