> 개발 도구 > VSCode > Flutter 및 Hot Reload의 자동 응답을 실현하도록 VSCode를 구성하는 방법!

Flutter 및 Hot Reload의 자동 응답을 실현하도록 VSCode를 구성하는 방법!

青灯夜游
풀어 주다: 2021-10-25 19:19:23
앞으로
3175명이 탐색했습니다.

VSCode에서 Flutter를 작성하면 Hot Reload가 자동으로 응답하는 방법은 무엇입니까? 다음 글에서는 VSCode를 구성하는 방법을 소개하겠습니다. 도움이 되셨으면 좋겠습니다!

Flutter 및 Hot Reload의 자동 응답을 실현하도록 VSCode를 구성하는 방법!

저는 VSCode를 사용하여 Flutter를 작성해 왔습니다.

전에는 VSCode를 많이 설정하지 않았지만 Flutter를 작성할 때 매우 편하게 사용하는 기능이 있습니다. 바로 코드를 다시 작성하면 VSCode가 별도의 작업 없이 자동으로 Hot Reload를 수행합니다.

그런데 VSCode를 업그레이드한 후 이 기능이 알 수 없이 사라졌습니다. Hot Reload를 실행하기 전에 cmd + s를 수동으로 실행해야 합니다. [추천 학습: "vscode tutorialcmd + s后,才执行Hot Reload。【推荐学习:《vscode教程》】

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

修改VSCode的配置

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

1、打开VSCode设置:

Flutter 및 Hot Reload의 자동 응답을 실현하도록 VSCode를 구성하는 방법!

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

이전에는 분명히 자동이었지만, 이제는 수동이라 익숙하지 않아서 이 구성을 어떻게 바꿔야 할지 확인해 보기로 했습니다. Flutter 및 Hot Reload의 자동 응답을 실현하도록 VSCode를 구성하는 방법!

VSCode 구성 수정

인터넷에서 열심히 검색한 끝에 마침내 구성 방법을 찾았고 이제 공유합니다: 1 VSCode 설정 열기:

2. 상자에 Search for dart.flutterHotReloadOnSave를 입력합니다. 이때 기본 구성은 수동(manual)이며, 수동 저장 시에만 다시 로드하고, 수동으로 저장할 때만 다시 로드를 시작합니다Flutter 및 Hot Reload의 자동 응답을 실현하도록 VSCode를 구성하는 방법!

3 ,

manual

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

로 교체:

효과를 확인하기 위해 gif를 찍어 보겠습니다. AppBar 제목을 수정하고 수정을 취소한 후

저장하지 않았습니다. 또는 다른 키보드를 사용하면 Hot Reload 기능이 완료됩니다.

이 시점에서 제가 익숙했던

Hot Reload 자동 응답 기능이 돌아왔습니다.

참조 문서

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

Summary

속담처럼 "A는 꿀, B는 서리" .

저는 이러한 Hot Reload에 대한 자동 응답에 익숙하지만 어떤 사람들은 저장 후 Hot Reloading에 더 익숙합니다. 왜냐하면 모든 사람이 좋아하지 않는 Hot Reload를 트리거하는 논리를 변경할 뿐이고 어떤 사람에게는 성능을 소모하기 때문입니다. 정도. 🎜🎜Android 아이들이 Flutter 개발에 Android Studio를 사용하라고 권장하지만, 저는 아직 익숙하지 않습니다. VSCode는 충분히 강력하면서도 동시에 가볍습니다. 🎜🎜저는 항상 VSCode를 통해 Flutter를 작성하는 데 익숙했지만, apk를 빌드하거나 JSON을 Model로 변환할 때 Android Studio를 사용합니다. 🎜🎜다음에 또 만나요. 🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 Flutter 및 Hot Reload의 자동 응답을 실현하도록 VSCode를 구성하는 방법!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿