Flutter × VSCodeでファイル保存時にホットリロードさせる

概要

• VSCodeでFlutterの開発をする際にホットリロードを有効にする方法
• 公式の↓に書いてあることそのままだけど備忘として残す
  • https://flutter.io/get-started/test-drive/

事前準備

• FlutterでHelloWorldを動かすまで
• VSCodeでFlutterの開発環境を整える

アプリの起動

• アプリの起動はVSCode上からやらないといけない
  • ここではまった
• 手順
  1. シミュレータを起動しておく(ios/androidどちらでも)
  2. VSCodeからアプリ起動
     • メニューから行く場合は、「デバッグ」 -> 「デバッグの開始」
     • ショートカットで行く場合は「fn + F5」
  3. 起動するまで待つ
     • 結構長い
     • ログの見かたが分からないから動いてるか不安だけど動いてる

ホットリロードさせる

• 上記のやり方で起動できたらファイルを保存するだけで勝手に画面が更新される

[参考]コマンドラインからアプリを起動させる場合

• 以下のコマンドで起動

flutter run

• この場合だとファイルを保存してもホットリロードが動かない
• コマンドラインで上でrを押すと画面が更新される