Google은 Flutter에서 Dart DevTools를 처음부터 다시 빌드합니다.

플러터는 크로스 플랫폼 프로그래밍 프레임워크, 비네이티브 코드의 혼란 없이 크로스 플랫폼 앱 개발의 문제를 해결하는 것을 목표로 합니다. 개발자는 Dart 프로그래밍 언어에 대한 지식을 바탕으로 Android, iOS, 웹, 데스크톱용 앱을 모두 통합된 UI로 구축할 수 있습니다. 플러터 1.9 macOS 및 Catalina 지원을 알파 상태로 가져왔고 v1.12 릴리스는 알파 이전 상태를 넘어 지원이 성숙되었습니다. 그리고 Flutter v1.17 및 Dart v2.8 는 2020년에 첫 번째 안정 릴리스를 기록했습니다. 오늘 Google은 Flutter에서 처음부터 다시 빌드되었으며 몇 가지 개선 사항이 포함된 Dart 및 Flutter 코드용 DevTools의 새 버전을 출시했습니다.

이전 발표에서 Google은 현재 버전의 Dart DevTools를 새로운 Flutter 버전으로 교체하겠다는 의도를 언급했습니다. 이제 새로운 DevTools가 Flutter에서 처음부터 다시 빌드되면서 이런 일이 발생했습니다. 이 새 버전의 DevTools에는 성능 및 메모리 페이지 변경은 물론 완전히 새로운 네트워크 페이지 변경 등의 개선 사항이 추가되었습니다.

하지만 여전히 작동하는데 왜 다시 빌드해야 할까요? Flutter 팀은 고성능을 구축할 때 생산성 이점이 중요하다고 주장합니다. 이러한 주장에 대한 확신을 보여주는 가장 좋은 방법은 UI에 동일한 도구를 채택하는 것입니다. 그들 자신. Flutter에서 다시 빌드하면 개발자가 코드를 작성한 후 배포 모델을 선택할 수도 있습니다. 이는 분포 모델이 암호.

DevTools는 도구를 모든 분야의 기존 도구 경험에 더 쉽게 통합할 수 있게 해주는 웹 애플리케이션으로 제공됩니다. 대상 플랫폼 및 IDE. DevTools는 브라우저에서 실행되는 독립형 도구 모음이며 모바일 앱, 데스크톱 앱 및 웹에서 작동합니다. 앱.

DevTools에는 다음 기능이 통합되어 있습니다.

• Flutter 검사기: 위젯 트리를 시각화하고 탐색하는 도구입니다. 실행 중인 앱에서 위젯을 선택하고, 모든 애니메이션 속도를 늦추고, 텍스트 기준선을 보는 등의 작업을 수행할 수 있습니다.
  • 새로운 기능 중 하나는 세부정보 트리 옆에 있는 Flutter Inspector 탭에서 찾을 수 있는 레이아웃 탐색기입니다. 레이아웃 탐색기를 사용하면 Flutter의 Flex 레이아웃 모델을 검사할 수 있습니다. 예를 들어, 팀은 위젯 행이 개발자가 예상한 대로 보이지 않는 이유를 디버깅하는 데 이 도구가 어떻게 도움이 될 수 있는지에 대한 예를 제공합니다.

• 타임라인 보기: 각 프레임의 빌드 시간과 플레임 차트를 보여줍니다. 이를 통해 상황에 따라 문제가 있는 프레임을 쉽게 식별할 수 있습니다.
  • 이제 이 창에는 모든 위젯의 빌드 시간을 추가하는 새로운 Track Widget Builds 버튼이 통합되었습니다. 귀하의 앱을 타임라인에 추가합니다(프로필 구축의 성능을 희생하여 — 따라서 기본). 이는 느린 프레임 뒤에 정확히 어떤 위젯이 있는지 알아내려고 할 때 유용합니다.

• 메모리 뷰: 특정 순간에 앱이 메모리를 어떻게 사용하고 있는지 보여줍니다.
  • 이제 이 보기에는 할당된 메모리의 히트맵이 표시되며 플랫폼 메모리 추적도 가능합니다.

• 성능 보기: 이것은 전통적인 CPU 프로파일러입니다. 이를 통해 앱의 세션을 기록하고 CPU가 대부분의 시간을 보낸 기능을 확인할 수 있습니다. 이를 사용하여 최적화에 시간을 투자할 위치를 결정할 수 있습니다.
• DevTools에는 자체 기능도 포함되어 있습니다. 디버거. 이는 IDE를 사용하지 않지만 중단점 추가, 코드 단계별 실행, 변수 값 엿보기 등의 옵션을 원하는 경우 유용할 수 있습니다.

• 네트워크 보기: 이것은 완전히 새로운 것입니다.
  • 이름에서 알 수 있듯이 네트워크 트래픽을 검사할 수 있습니다. 앱이 시작된 이후 요청의 전체 기록을 확인하고 각 요청에 대한 자세한 정보를 얻을 수 있습니다. 이렇게 하면 네트워크 문제를 디버깅하려고 할 때 이러한 이벤트를 직접 기록할 필요가 없습니다.
  • 네트워크 탭에는 현재 HTTP 트래픽이 표시됩니다. 향후 개선 사항에는 표시가 포함됩니다. 일반 소켓 I/O 트래픽.
  • 네트워크 요청은 타임라인 보기에도 표시되므로 상황에 맞게 확인할 수 있습니다.
• 로깅 보기: 앱과 프레임워크의 이벤트를 표시합니다. 이를 사용하면 메시지를 쉽게 필터링할 수 있습니다. 예를 들어 "-gc"를 지정하여 Garbage Collector 이벤트를 필터링하거나 "flutter.frame"을 지정하여 프레임 이벤트만 표시할 수 있습니다. Dart에서는 메시지 로깅 구조화할 수 있다, 로깅 보기에서는 이를 활용합니다.

DevTools를 완전히 사용하려면 다음을 읽어보세요. 선적 서류 비치. 버그를 발견했거나 새로운 기능에 대해 투표하고 싶다면 다음에서 투표할 수 있습니다. GitHub.