ابزار توسعه فلاتر – Flutter
در این فصل به تفصیل در مورد ابزارهای توسعه فلاتر توضیح خواهیم داد. اولین نسخه پایدار از ابزار توسعه cross-platform در تاریخ 4 دسامبر 2018 ، Flutter 1.0 منتشر شد. خوب ، گوگل به طور مداوم در حال توسعه و تقویت فریمورک Flutter با ابزارهای مختلف توسعه است.
مقالات
Widget Sets
گوگل مجموعه های ویجت Material و Cupertino را به روز کرد تا کیفیت کاملاً پیکسلی را در طراحی قطعات ارائه دهد. نسخه آینده flutter 1.2 برای پشتیبانی از وقایع کیبورد دسک تاپ و پشتیبانی از شناور ماوس طراحی شده است.
توسعه فلاتر با Visual Studio Code
Visual Studio Code از توسعه flutter پشتیبانی می کند و میانبرهای گسترده ای را برای توسعه سریع و کارآمد فراهم می کند. برخی از ویژگی های اصلی ارائه شده توسط Visual Studio Code برای توسعه فلاتر در زیر ذکر شده است –
- Code assist – وقتی می خواهید گزینه ها را بررسی کنید ، می توانید از Ctrl + Space برای تهیه لیستی از گزینه های تکمیل کد استفاده کنید.
- Quick fix – Ctrl + . ابزار تعمیر سریع برای کمک به رفع کد است.
- Shortcut هنگام کدنویسی.
- documentation مفصل را در comment ها ارائه می دهد.
- Debugging shortcut
- Hot restarts.
Dart DevTools
ما می توانیم از Android Studio یا Visual Studio Code یا هر IDE دیگر برای نوشتن کد خود و نصب افزونه ها استفاده کنیم. تیم توسعه گوگل در حال کار روی یک ابزار توسعه دیگری به نام Dart DevTools است که یک مجموعه برنامه نویسی مبتنی بر وب است. این سیستم عامل از سیستم عامل های Android و iOS پشتیبانی می کند. این مبتنی بر time line view است بنابراین توسعه دهندگان می توانند به راحتی برنامه های خود را تجزیه و تحلیل کنند.
نصب DevTools
برای نصب DevTools دستور زیر را در console خود اجرا کنید –
|
1 |
flutter packages pub global activate devtools |
اکنون می توانید خروجی زیر را ببینید –
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
Resolving dependencies... + args 1.5.1 + async 2.2.0 + charcode 1.1.2 + codemirror 0.5.3+5.44.0 + collection 1.14.11 + convert 2.1.1 + devtools 0.0.16 + devtools_server 0.0.2 + http 0.12.0+2 + http_parser 3.1.3 + intl 0.15.8 + js 0.6.1+1 + meta 1.1.7 + mime 0.9.6+2 .................. .................. Installed executable devtools. Activated devtools 0.0.16. |
Run Server
می توانید سرور DevTools را با استفاده از دستور زیر اجرا کنید –
|
1 |
flutter packages pub global run devtools |
اکنون ، پاسخی شبیه به این دریافت خواهید کرد .
|
1 |
Serving DevTools at http://127.0.0.1:9100 |
شروع اپلیکیشن خود
به برنامه خود بروید ، simulator را باز کنید و با استفاده از دستور زیر اجرا کنید –
|
1 |
flutter run --observatory-port=9200 |
اکنون به DevTools وصل شده اید.
شروع DevTools در مرورگر وب
اکنون برای شروع DevTools به آدرس زیر در مرورگر دسترسی پیدا کنید –
|
1 |
http://localhost:9100/?port=9200 |
همانطور که در شکل زیر مشاهده می کنید ، پاسخی دریافت خواهید کرد –
Flutter SDK
برای به روزرسانی Flutter SDK ، از دستور زیر استفاده کنید –
|
1 |
flutter upgrade |
خروجی را می توانید مانند تصویر زیر مشاهده کنید –
برای به روزرسانی پکیج های Flutter ، از دستور زیر استفاده کنید –
|
1 |
flutter packages upgrade |
پاسخ زیر را می توانید مشاهده کنید ،
|
1 |
Running "flutter packages upgrade" in my_app... 7.4s |
Flutter Inspector
برای جسو جوی category ویجت فلانر استفاده می شود. برای رسیدن به این هدف ، دستور زیر را در کنسول خود اجرا کنید ،
|
1 |
flutter run --track-widget-creation |
خروجی را می توانید مانند تصویر زیر مشاهده کنید –
|
1 2 3 4 5 6 7 8 |
Launching lib/main.dart on iPhone X in debug mode... ─Assembling Flutter resources... 3.6s Compiling, linking and signing... 6.8s Xcode build done. 14.2s 2,904ms (!) To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R". An Observatory debugger and profiler on iPhone X is available at: http://127.0.0.1:50399/ For a more detailed help message, press "h". To detach, press "d"; to quit, press "q". |
اکنون به آدرس اینترنتی http://127.0.0.1:50399/ بروید و نتیجه زیر را مشاهده می کنید –
دیدگاهتان را بنویسید