Rumah > alat pembangunan > VSCode > Bagaimana untuk mengkonfigurasi VSCode untuk merealisasikan tindak balas automatik Flutter dan Hot Reload!

Bagaimana untuk mengkonfigurasi VSCode untuk merealisasikan tindak balas automatik Flutter dan Hot Reload!

青灯夜游
Lepaskan: 2021-10-25 19:19:23
ke hadapan
3177 orang telah melayarinya

Bagaimana cara menulis Flutter dalam VSCode untuk bertindak balas secara automatik kepada Muat Semula Panas? Artikel berikut akan memperkenalkan kepada anda cara mengkonfigurasi VSCode Saya harap ia akan membantu anda!

Bagaimana untuk mengkonfigurasi VSCode untuk merealisasikan tindak balas automatik Flutter dan Hot Reload!

Saya telah menggunakan VSCode untuk menulis Flutter.

Saya tidak banyak menyediakan VSCode sebelum ini, tetapi apabila saya menulis Flutter, terdapat fungsi yang saya sangat selesa menggunakannya, iaitu, Setelah saya menulis semula kod tersebut, VSCode secara automatik akan Panas Muat semula dilakukan.

Tetapi selepas saya menaik taraf VSCode, fungsi ini hilang secara tidak dapat dijelaskan. Muat Semula Panas mesti dilaksanakan selepas cmd s dilaksanakan secara manual. [Kajian yang disyorkan: "tutorial vscode"]

Ia jelas sekali automatik sebelum ini, tetapi kini manual, tetapi saya tidak biasa dengannya, jadi saya memutuskan untuk menyemak cara menukar ini konfigurasi.

Ubah suai konfigurasi VSCode

Selepas carian sengit di Internet, saya akhirnya menemui kaedah konfigurasi, dan kini saya berkongsinya:

1 Buka tetapan VSCode:

Bagaimana untuk mengkonfigurasi VSCode untuk merealisasikan tindak balas automatik Flutter dan Hot Reload!

2 Cari dart.flutterHotReloadOnSave dalam kotak input, kita boleh melihat manual konfigurasi lalai pada masa ini, hanya muat semula untuk simpanan manual dan hanya apabila manual disimpan Apabila. , mulakan muat semula

Bagaimana untuk mengkonfigurasi VSCode untuk merealisasikan tindak balas automatik Flutter dan Hot Reload!

3. Gantikan manual dengan sentiasa:

Bagaimana untuk mengkonfigurasi VSCode untuk merealisasikan tindak balas automatik Flutter dan Hot Reload!

Mari kita ambil gif untuk melihat kesannya Saya menggunakan kod sumber Flukit Selepas mengubah suai tajuk AppBar dan membatalkan pengubahsuaian, fungsi Muat Semula Panas telah selesai tanpa menyimpan atau operasi papan kekunci lain:

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

Pada ketika ini, fungsi Hot Reload automatik respons yang biasa saya gunakan kembali.

Dokumentasi rujukan

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

Ringkasan

Bak kata pepatah, “A macam madu, B macam arsenik”.

Saya sudah biasa dengan respons automatik ini kepada Hot Reload, tetapi sesetengah orang lebih terbiasa menyimpan dan kemudian Hot Reload, kerana ia mungkin hanya mengubah logik untuk mencetuskan Hot Reload, yang tidak disukai oleh semua orang, dan lebih atau kurang Gunakan prestasi.

Walaupun kanak-kanak Android mengesyorkan saya menggunakan Android Studio untuk pembangunan Flutter, saya masih tidak biasa dengannya, saya lebih suka VSCode, yang cukup berkuasa dan cukup ringan pada masa yang sama.

Saya sentiasa terbiasa menulis Flutter melalui VSCode, tetapi saya menggunakan Android Studio semasa membina apk atau menukar JSON kepada Model.

Jumpa lagi di lain kali.

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !

Atas ialah kandungan terperinci Bagaimana untuk mengkonfigurasi VSCode untuk merealisasikan tindak balas automatik Flutter dan Hot Reload!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:juejin.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan