ホームページ >開発ツール >VSCode >FlutterとHot Reloadの自動応答を実現するVSCodeの設定方法!

FlutterとHot Reloadの自動応答を実現するVSCodeの設定方法!

青灯夜游
青灯夜游転載
2021-10-25 11:13:573200ブラウズ

VSCodeFlutter と Hot Reload が自動的に応答するように記述するにはどうすればよいですか? VSCodeの設定方法については以下の記事で紹介していますので、お役に立てれば幸いです。

FlutterとHot Reloadの自動応答を実現するVSCodeの設定方法!

私は VSCode を使用して Flutter を作成しています。

私はこれまで VSCode をあまりセットアップしたことがありませんでしたが、Flutter を書いていたときに非常に快適に使用できる関数がありました。それは、コードを書き直すと、VSCode が自動的に Hotリロードが実行されます。

しかし、VSCode をアップグレードした後、この機能は不可解にも消えてしまいました。ホットリロードを実行する前に、cmd s を手動で実行する必要があります。 [推奨学習:「vscodeチュートリアル」]

以前は当然自動だったのですが、今は手動になっていますが、慣れていないので、これを変更する方法を確認することにしました構成。

VSCode の設定を変更する

インターネットで徹底的に検索した結果、ついに設定方法を見つけたので共有します:

1. VSCode 設定を開きます。 :

FlutterとHot Reloadの自動応答を実現するVSCodeの設定方法!

2. 入力ボックスで dart.flutterHotReloadOnSave を検索します。現時点ではデフォルトの設定マニュアルが表示されます。手動保存の場合はリロードのみです。手動で保存する場合に限り、リロードを開始します

FlutterとHot Reloadの自動応答を実現するVSCodeの設定方法!

##3.

manualalways に置き換えます:

FlutterとHot Reloadの自動応答を実現するVSCodeの設定方法!

効果をGIFで見てみましょう。Flukitのソースコードを使用しました。AppBarのタイトルを変更し、変更を元に戻すと、

保存などのキーボード操作なしで完了しました。リロード機能:

屏幕录制2021-10-21 10.31.28.2021-10-21 10_37_07.gif

この時点で、使い慣れた

Hot Reload 自動応答 機能が戻ってきました。

参考ドキュメント

https://stackoverflow.com/questions/49210769/vscode-hot-reload-for-flutter

概要

ことわざにあるように、「A は蜂蜜のようなもの、B はヒ素のようなもの」

私はホット リロードに対するこの自動応答に慣れていますが、保存してからホット リロードすることに慣れている人もいます。これは、ホット リロードをトリガーするロジックが変更されるだけで、誰もがそれを好むわけではないためです。以下 パフォーマンスを消費します。

Android の子供たちは、Flutter 開発に Android Studio を使用することを勧めていますが、私はまだそれに慣れていません。十分に強力でありながら同時に十分に軽い VSCode の方が好きです。

私は常に VSCode を通じて Flutter を書くことに慣れてきましたが、apk をビルドするときや JSON を Model に変換するときには Android Studio を使用します。

また次回お会いしましょう。

プログラミング関連の知識について詳しくは、

プログラミング ビデオをご覧ください。 !

以上がFlutterとHot Reloadの自動応答を実現するVSCodeの設定方法!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。