facebook twitter hatena line email

「Flutter/開発環境構築」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(androidのapk作成&インストール)
行13: 行13:
 
  flutter run
 
  flutter run
  
==android実行==
+
==ios実行準備==
*上部中央に実行ボタンがあるので、そこから実行できる。
+
*基本hotreloadで2秒で更新が反映される。
+
 
+
==ios実行==
+
 
  xcode-select --install
 
  xcode-select --install
 
  brew update
 
  brew update
行25: 行21:
 
  brew install ideviceinstaller
 
  brew install ideviceinstaller
 
  brew install ios-deploy
 
  brew install ios-deploy
 +
 +
==android・ios実行==
 +
*上部中央に実行ボタンがあるので、そこから実行できる。
 +
*接続したandroid・iPhoneの端末が表示される
 +
*基本hotreloadで2秒で更新が反映される。
  
 
==androidのapk作成&インストール==
 
==androidのapk作成&インストール==

2019年4月19日 (金) 17:25時点における版

AndoridStudioのインストール

https://developer.android.com/studio/install?hl=ja

AndoridStudioのプラグインインストール

AndoridStudioのFile/Preference/PluginsからFlutter、Dartを検索してインストール

プロジェクト作成

File/New Flutter Project がFile/New Projectの下に表示されるはずなので、そこから作成。

"New Flutter Project"が出ない場合は以下コマンドでプロジェクトを作ってAndoridStudioで開けば良い。

flutter create my_app
cd my_app
flutter run

ios実行準備

xcode-select --install
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

android・ios実行

  • 上部中央に実行ボタンがあるので、そこから実行できる。
  • 接続したandroid・iPhoneの端末が表示される
  • 基本hotreloadで2秒で更新が反映される。

androidのapk作成&インストール

flutter build apk
flutter install

↑はリリースビルドで、リリースビルドのときはデバッグビルド(1秒程度)と比べて起動速度が速い。

iosのapk作成&インストール

flutter build ios
flutter install