Heim > Entwicklungswerkzeuge > VSCode > So konfigurieren Sie VSCode, um die automatische Reaktion von Flutter und Hot Reload zu realisieren!

So konfigurieren Sie VSCode, um die automatische Reaktion von Flutter und Hot Reload zu realisieren!

青灯夜游
Freigeben: 2021-10-25 19:19:23
nach vorne
3177 Leute haben es durchsucht

Wie schreibe ich Flutter in

VSCode und Hot Reload reagiert automatisch? Im folgenden Artikel erfahren Sie, wie Sie VSCode konfigurieren. Ich hoffe, dass er Ihnen weiterhilft!

So konfigurieren Sie VSCode, um die automatische Reaktion von Flutter und Hot Reload zu realisieren!

Ich habe VSCode verwendet, um Flutter zu schreiben.

Ich habe VSCode vorher nicht viel eingerichtet, aber beim Schreiben von Flutter gibt es eine Funktion, die ich sehr gerne verwende, nämlich Sobald ich den Code neu schreibe, führt VSCode automatisch ein Hot Reload durch, ohne dass eine Operation erforderlich ist.

Aber nachdem ich VSCode aktualisiert hatte, verschwand diese Funktion aus unerklärlichen Gründen. Sie müssen cmd + s manuell ausführen, bevor Sie Hot Reload ausführen. [Empfohlenes Lernen: „vscode Tutorialcmd + s后,才执行Hot Reload。【推荐学习:《vscode教程》】

之前明明是自动的,现在变成手动了,反而不习惯了,于是我决定去查查怎么改改这个配置。

修改VSCode的配置

经过上网上的一段猛如虎的搜索,终于找到了配置方法,现在分享上来:

1、打开VSCode设置:

So konfigurieren Sie VSCode, um die automatische Reaktion von Flutter und Hot Reload zu realisieren!

2、在输入框中搜索dart.flutterHotReloadOnSave"]

Es war offensichtlich vorher automatisch, Da es jetzt manuell ist, bin ich nicht daran gewöhnt und habe beschlossen, zu prüfen, wie ich diese Konfiguration ändern kann. So konfigurieren Sie VSCode, um die automatische Reaktion von Flutter und Hot Reload zu realisieren!

Ändern Sie die Konfiguration von VSCode

Nach einer intensiven Suche im Internet habe ich endlich die Konfigurationsmethode gefunden und jetzt teile ich sie: 1 Öffnen Sie die VSCode-Einstellungen:

2. Geben Sie Search for dart.flutterHotReloadOnSave in das Feld ein. Wir können sehen, dass die Standardkonfiguration derzeit manuell (manuell) ist, nur für manuelles Speichern neu laden und nur beim manuellen Speichern das Neuladen startenSo konfigurieren Sie VSCode, um die automatische Reaktion von Flutter und Hot Reload zu realisieren!

3, Ersetzen Sie

manuell

durch 屏幕录制2021-10-21 10.31.28.2021-10-21 10_37_07.gifimmer

:

Ich habe den Quellcode von Flukit verwendet und die Änderung rückgängig gemacht.

wurde nicht gespeichert oder verwenden Sie andere Tastaturen. Die Hot Reload-Funktion ist abgeschlossen:

An diesem Punkt ist die von mir gewohnte

Hot Reload-Automatikfunktion wieder verfügbar. Referenzdokumentation

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

Zusammenfassung

Wie das Sprichwort sagt: „A ist Honig, B ist Frost“

. Ich bin an diese automatische Reaktion auf Hot Reload gewöhnt, aber einige Leute sind eher an Hot Reload nach dem Speichern gewöhnt, weil dadurch möglicherweise nur die Logik zum Auslösen von Hot Reload geändert wird, was nicht allen gefällt und bei manchen die Leistung beeinträchtigt Ausmaß.

🎜Obwohl Android-Kinder mir empfehlen, Android Studio für die Flutter-Entwicklung zu verwenden, bevorzuge ich VSCode, das gleichzeitig leistungsstark genug und leicht genug ist. 🎜🎜Ich war es schon immer gewohnt, Flutter über VSCode zu schreiben, aber ich verwende Android Studio, wenn ich APK erstelle oder JSON in Model konvertiere. 🎜🎜Bis zum nächsten Mal. 🎜🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Programmiervideos🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonSo konfigurieren Sie VSCode, um die automatische Reaktion von Flutter und Hot Reload zu realisieren!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage