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!

青灯夜游
青灯夜游ke hadapan
2021-10-25 11:13:573271semak imbas

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!

Kenyataan:
Artikel ini dikembalikan pada:juejin.cn. Jika ada pelanggaran, sila hubungi admin@php.cn Padam