Google ehitab Flutteris nullist üles Dart DevToolsi

Flutter on a platvormideülene programmeerimisraamistik, mille eesmärk on lahendada platvormideüleste rakenduste arendamisega seotud probleemid ilma võõrkoodi segaduseta. Dart programmeerimiskeele tundmisega saab arendaja luua rakendusi Androidi, iOS-i, veebi ja töölaua jaoks, millel on ühtne kasutajaliides. Flutter 1.9 tõi MacOS-i ja Catalina toe alfa-olekusse, samal ajal kui Versioon 1.12 jõudis nende toe küpsemiseni üle alfaeelse oleku ja Flutteri v1.17 ja Darti v2.8 tähistasid oma esimesi stabiilseid väljalaseid 2020. aastal. Täna annab Google välja DevTools for Dart and Flutter koodi uue versiooni, mis on Flutteris nullist uuesti üles ehitatud ja millel on mitmeid täiustusi.

Eelmises teadaandes mainis Google oma kavatsust vahetada Dart DevToolsi praegune versioon välja uue Flutteri versiooniga. See on nüüd juhtunud, kuna uued DevTools on Flutteris nullist uuesti üles ehitatud. See DevToolsi uus versioon lisab täiustusi, nagu muudatused jõudluse ja mälu lehtedel, samuti täiesti uue võrgulehe.

Aga milleks midagi ümber ehitada, kui see ikka töötab? Flutteri meeskond väidab, et tootlikkuse eelised on suure jõudlusega ehitamisel olulised Kasutajaliidesed ja parim viis nende väidete suhtes usalduse demonstreerimiseks on kasutada samu tööriistu ise. Flutteri ümberehitamine võimaldab ka arendajatel pärast koodi kirjutamist valida levitamismudeli, mis on kõrvalekalle praegusest otsustamise vooskeemist, kus jaotusmudel dikteeriks kood.

DevTools tarnitakse veebirakendusena, mis hõlbustab tööriista integreerimist olemasolevasse tööriistakogemusse kõigis sihtplatvormid ja IDE-d. DevTools on eraldiseisev tööriistade komplekt, mis töötab brauseris ja töötab mobiilirakenduste, töölauarakenduste ja veebi jaoks. rakendusi.

DevTools sisaldab järgmisi funktsioone:

• Flutter inspektor: tööriist vidinapuude visualiseerimiseks ja uurimiseks. Saate valida oma töötavas rakenduses vidinaid, aeglustada kõiki animatsioone, vaadata teksti lähtejooni ja palju muud.
  • Üks uutest funktsioonidest on Layout Explorer, mille leiate üksikasjade puu kõrval asuvalt vahekaardilt Flutter Inspector. Layout Explorer võimaldab teil kontrollida Flutteri paindliku paigutuse mudelit. Meeskond toob näite selle kohta, kuidas see tööriist võib aidata siluda, miks näiteks vidinate rida ei näe välja selline, nagu arendaja eeldas.

• Ajaskaala vaade: näitab iga kaadri ehitusaegu ja leegi diagrammi. See muudab probleemsete raamide tuvastamise kontekstis lihtsaks.
  • See paan sisaldab nüüd uut nuppu Jälgi vidinate ehitusi, mis lisab kõigi vidinate ehitusajad teie rakendus ajaskaalale (teie profiili järgu toimivuse arvelt – nii et see poleks sisse lülitatud vaikimisi). See on mugav, kui proovite täpselt teada saada, millised vidinad on aeglase kaadri taga.

• Mälu vaade: näitab, kuidas teie rakendus teatud hetkel mälu kasutab.
  • See vaade näitab nüüd eraldatud mälu soojuskaarti ja võimaldab jälgida ka platvormi mälu.

• Jõudlusvaade: See on traditsiooniline protsessoriprofiil. See võimaldab teil salvestada oma rakenduse seansi ja vaadata, millistes funktsioonides CPU suurema osa ajast veetis. Selle abil saate otsustada, kus optimeerimiseks aega veeta.
• DevTools sisaldab isegi oma Siluja. See võib olla kasulik, kui te ei kasuta IDE-d, kuid soovite siiski katkestuspunkte lisada, koodi läbi astuda, muutuvaid väärtusi piiluda ja nii edasi.

• Võrguvaade: see on täiesti uus.
  • Nagu nimigi viitab, võimaldab see kontrollida võrguliiklust. Näete kogu rakenduse taotluste ajalugu alates selle käivitamisest ja saate iga taotluse kohta üksikasjalikku teavet. See vabastab teid vajadusest neid sündmusi ise logida, kui proovite võrguprobleemi siluda.
  • Vahekaart Võrk näitab praegu HTTP-liiklust; tulevased parandused hõlmavad näitamist üldine pistikupesa I/O liiklus.
  • Võrgupäringud kuvatakse ka ajaskaala vaates, et saaksite neid kontekstis näha.
• Logimise vaade: näitab sündmusi teie rakendusest ja raamistikust. Sellega saate hõlpsalt sõnumeid filtreerida (näiteks saate määrata "-gc" prügikoguja sündmuste filtreerimiseks või "flutter.frame", et kuvada ainult kaadri sündmusi). Dartis sõnumite logimine saab struktureeridaja logimisvaade kasutab seda ära.

DevToolsi täielikuks kasutamiseks saate lugeda dokumentatsioon. Kui leiate vigu või soovite hääletada uute funktsioonide üle, saate seda teha GitHub.