Maison > outils de développement > VSCode > Comment configurer VSCode pour réaliser une réponse automatique de Flutter et Hot Reload !

Comment configurer VSCode pour réaliser une réponse automatique de Flutter et Hot Reload !

青灯夜游
Libérer: 2021-10-25 19:19:23
avant
3151 Les gens l'ont consulté

Comment écrire Flutter dans

VSCode et Hot Reload répond automatiquement ? L'article suivant vous présentera comment configurer VSCode. J'espère qu'il vous sera utile !

Comment configurer VSCode pour réaliser une réponse automatique de Flutter et Hot Reload !

J'utilise VSCode pour écrire Flutter.

Je n'ai pas beaucoup configuré VSCode auparavant, mais lors de l'écriture de Flutter, il y a une fonction que je suis très à l'aise avec, à savoir Une fois le code réécrit, VSCode effectuera automatiquement un rechargement à chaud sans aucune opération.

Mais après avoir mis à jour VSCode, cette fonction a disparu inexplicablement. Vous devez exécuter manuellement cmd + s avant d'exécuter Hot Reload. [Apprentissage recommandé : "vscode tutorielcmd + s后,才执行Hot Reload。【推荐学习:《vscode教程》】

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

修改VSCode的配置

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

1、打开VSCode设置:

Comment configurer VSCode pour réaliser une réponse automatique de Flutter et Hot Reload !

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

C'était évidemment automatique avant, Maintenant que c'est manuel, je n'y suis plus habitué, j'ai donc décidé de vérifier comment modifier cette configuration. Comment configurer VSCode pour réaliser une réponse automatique de Flutter et Hot Reload !

Modifier la configuration de VSCode

Après une recherche acharnée sur Internet, j'ai enfin trouvé la méthode de configuration, et maintenant je la partage : 1 Ouvrez les paramètres de VSCode :

2 . Entrez Rechercher dart.flutterHotReloadOnSave dans la case. Nous pouvons voir que la configuration par défaut à ce moment est manuelle (manuelle), rechargez uniquement pour les sauvegardes manuelles, et uniquement lors de la sauvegarde manuelle, démarrez le rechargementComment configurer VSCode pour réaliser une réponse automatique de Flutter et Hot Reload !

.

3 , Remplacez

manual

par 屏幕录制2021-10-21 10.31.28.2021-10-21 10_37_07.gifalways

 :

Prenons un gif pour voir l'effet. J'ai utilisé le code source de Flukit. Après avoir modifié le titre d'AppBar et annulé la modification,

ne l'a pas fait. Enregistrer ou utiliser d'autres claviers Opération, la fonction Hot Reload est terminée :

À ce stade, la fonction

Réponse automatique Hot Reload à laquelle je suis habitué est de retour.

Documentation de référence

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

Résumé

Comme le dit le proverbe, "A est du miel, B est du gel" .

Je suis habitué à cette réponse automatique au Hot Reload, mais certaines personnes sont plus habituées au Hot Reloading après la sauvegarde, car cela peut simplement changer la logique pour déclencher le Hot Reload, ce qui n'est pas apprécié par tout le monde, et cela consomme des performances pour certains. étendue. 🎜🎜Bien que les enfants Android me recommandent d'utiliser Android Studio pour le développement Flutter, je n'y suis toujours pas habitué, je préfère VSCode, qui est assez puissant et assez léger en même temps. 🎜🎜J'ai toujours été habitué à écrire Flutter via VSCode, mais j'utilise Android Studio lors de la création d'apk ou de la conversion de JSON en modèle. 🎜🎜À la prochaine fois. 🎜🎜Pour plus de connaissances sur la programmation, veuillez visiter : 🎜Vidéos de programmation🎜 ! ! 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:juejin.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal