26
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-03-07

概要

事前準備

アプリの起動

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

ホットリロードさせる

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

auto_hotreload.gif

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

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

manual_reload.gif

26
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
26
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?