آموزش نصب و اجرای فلاتر (Flutter )

مقدمه

این مقاله شرح مراحل نصب و راه‌اندازی ابزارها و محیط توسعه برای برنامه‌نویسی با فریم‌ورک Flutter را فراهم می‌کند. شامل نصب Git، Flutter SDK، و Android Studio است. مراحل نصب به شکل گام‌به‌گام با توضیحات دقیق ارائه شده است تا کاربران بتوانند به راحتی Flutter را روی سیستم‌های ویندوز و مک نصب کنند. همچنین، راهنمایی‌هایی برای افزودن مسیر Flutter به متغیرهای محیطی، اجرای دستور flutter doctor برای بررسی نصب، نصب Android SDK، و راه‌اندازی شبیه‌ساز Android ارائه شده است. در نهایت، نحوه نصب پلاگین‌های Flutter و Dart در Android Studio برای تسهیل توسعه اپلیکیشن‌های Flutter توضیح داده شده است. این مراحل کلیدی برای آماده‌سازی محیط توسعه Flutter برای شروع برنامه‌نویسی موبایل هستند.

سیستم مورد نیاز ویندوز

برای نصب و اجرای Flutter در سیستم ویندوز، ابتدا باید این الزامات را برای محیط توسعه خود برآورده کنید.

نصب Git

گام اول : برای دانلود گیت کلیک نمایید. click here

گام دوم : فایل exe را اجرا کنید تا نصب کامل شود. در حین نصب، مطمئن شوید که گزینه recommended را انتخاب کرده اید.

نصب Flutter SDK

گام اول : بسته نصبی کیت توسعه نرم افزار فلاتر برای ویندوز را دانلود کنید. برای دانلود Flutter SDK به وب سایت رسمی فلاتر بروید، روی دکمه شروع کار کلیک کنید، صفحه زیر را خواهید دید.

گام دوم : در مرحله بعد، برای دانلود آخرین Flutter SDK، روی نماد ویندوز کلیک کنید. در اینجا، لینک دانلود SDK را پیدا خواهید کرد.

گام سوم : هنگامی که دانلود شما کامل شد، فایل فشرده را استخراج کرده و در پوشه یا محل نصب مورد نظر قرار دهید، به عنوان مثال، D: /Flutter.

توجه: Flutter SDK نباید در جایی قرار گیرد که administrator's permission مورد نیاز است. افزودن مسیر باینری‌های Flutter (flutter\bin) به متغیر محیطی Path بسیار مهم است تا بتوانید از هر جای محیط کامند لاین، Flutter را اجرا کنید.

گام چهارم : برای اجرای دستور Flutter در کنسول ویندوز معمولی، باید مسیر سیستم را به‌روزرسانی کنید تا دایرکتوری flutter bin را شامل شود. برای انجام این کار مراحل زیر لازم است:

گام چهارم-1 : به MyComputer properties -> advanced tab -> environment variables بروید. صفحه زیر را دریافت خواهید کرد.

گام چهارم-2: اکنون مسیر path -> click on edit را انتخاب نمایید.

گام چهارم-3: در پنجره بالا روی New->write path پوشه Flutter bin با مقدار متغیر ok -> ok -> ok کلیک کنید.

گام پنجم : دستور flutter doctor برای بررسی وضعیت نصب و شناسایی هر گونه مشکل احتمالی با نصب Flutter یا وابستگی‌های آن استفاده می‌شود. اگر مشکلی وجود داشته باشد، این دستور به شما در شناسایی و حل آن‌ها کمک می‌کند.

$ flutter doctor  

گام ششم :

هنگامی که دستور بالا را اجرا می کنید، سیستم را تجزیه و تحلیل می نماید و گزارش خود را مانند تصویر زیر نشان می دهد. در اینجا، جزئیات تمام ابزارهای گمشده را که برای اجرای Flutter لازم است و همچنین ابزارهای توسعه‌ای که در دسترس هستند اما به دستگاه متصل نیستند، پیدا خواهید کرد.

گام هفتم :

Android SDK را نصب کنید. اگر دستور flutter doctor ابزار Android SDK را در سیستم شما پیدا نکرد، ابتدا باید Android Studio IDE را نصب کنید. برای نصب Android Studio IDE مراحل زیر را انجام دهید. نصب Android Studio نه تنها محیط توسعه را فراهم می‌کند بلکه Android SDK و ابزارهای لازم برای توسعه اپلیکیشن‌های Android و Flutter را نیز نصب می‌کند. این مرحله برای توسعه اپلیکیشن‌های Flutter ضروری است.

گام هفتم-1:

آخرین فایل اجرایی Android Studio یا فایل فشرده را از سایت رسمی دانلود کنید.

گام هفتم-2:

وقتی دانلود کامل شد، فایل exe را باز کرده و اجرا کنید. کادر محاوره ای زیر را دریافت خواهید کرد.

گام هفتم-3 :

مراحل ویزارد نصب را دنبال کنید. پس از تکمیل نصب، صفحه زیر را خواهید دید.

گام هفتم-4 :

در صفحه بالا، روی Next-> Finish کلیک کنید. پس از کلیک روی دکمه Finish، باید گزینه Don't import Settings را انتخاب کرده و روی OK کلیک کنید. Android Studio را راه اندازی می کند.

توجه: در همین حال، ویزارد نصب شامل دانلود اجزای Android SDK است که توسط Flutter برای توسعه مورد نیاز است.

گام هشتم:

در مرحله بعد، باید یک شبیه ساز اندروید راه اندازی کنید که وظیفه اجرای و تست اپلیکیشن فلاتر را بر عهده دارد.

گام هشتم-1:

برای تنظیم شبیه ساز اندروید، به Android Studio > Tools > Android > AVD Manager رفته و Create Virtual Device را انتخاب کنید. یا به Help->Find Action->Type Emulator در کادر جستجو بروید. صفحه زیر را دریافت خواهید کرد.

گام هشتم-2: تعریف دستگاه خود را انتخاب کرده و روی Next کلیک کنید.

گام هشتم-3: تصویر سیستم را برای آخرین نسخه اندروید انتخاب و روی Next کلیک کنید.

گام هشتم-4: اکنون، تمام تنظیمات AVD را تأیید کنید. اگر درست بود، روی Finish کلیک کنید. صفحه زیر ظاهر می شود.

گام هشتم-5 :

در آخر، روی نمادی که به سمت مستطیل رنگ قرمز قرار دارد کلیک کنید. شبیه ساز اندروید به صورت صفحه زیر نمایش داده می شود.

گام نهم: اکنون افزونه Flutter و Dart را برای ساخت اپلیکیشن Flutter در اندروید استودیو نصب کنید. این پلاگین ها یک قالب برای ایجاد یک برنامه Flutter و گزینه ای برای اجرا و اشکال زدایی برنامه Flutter در خود Android Studio می دهند. برای نصب این افزونه ها مراحل زیر را انجام دهید.

گام نهم-1: Android Studio را باز کنید و سپس به File->Settings->Plugins بروید.

گام نهم-2: اکنون افزونه Flutter را جستجو کنید. اگر پیدا شد، افزونه Flutter را انتخاب و روی install کلیک نمایید. وقتی روی install کلیک می کنید، از شما می خواهد که افزونه Dart را مانند صفحه زیر نصب کنید. برای ادامه روی yes کلیک نمایید.

گام نهم-3 :

اندروید استودیو را مجددا راه اندازی کنید.

سیستم مورد نیاز برای macOS

برای نصب و اجرای Flutter در سیستم macOS، ابتدا باید الزاماتی را برای محیط توسعه خود برآورده کنید.

دریافت Flutter SDK

مرحله 1: پکیج نصبی کیت توسعه نرم افزار Flutter را برای macOS دانلود کنید. برای دانلود Flutter SDK، به وب سایت رسمی آن بروید.

مرحله 2: هنگامی که دانلود شما کامل شد، فایل فشرده را استخراج کرده و در پوشه نصب یا محل مورد نظر قرار دهید.

مرحله 3: برای اجرای دستور Flutter، باید مسیر سیستم را به‌روزرسانی کنید تا دایرکتوری flutter bin را در خود داشته باشد.

$ export PATH="$PATH:`pwd`/flutter/bin"  

مرحله 4: سپس مسیر به روز شده را در پنجره فعلی با استفاده از دستور زیر فعال و سپس آن را نیز تأیید کنید.

    source ~/.bashrc  
    source $HOME/.bash_profile  
    echo $PATH  
    

مرحله 5: اکنون دستور $ flutter doctor را اجرا کنید. این دستور تمام الزامات توسعه برنامه Flutter را بررسی می کند و گزارشی از وضعیت نصب Flutter شما نمایش می دهد.

$ flutter doctor  

مرحله 6: هنگامی که دستور بالا را اجرا می کنید، سیستم و جزئیات تمام ابزارهای از دست رفته را که برای اجرای Flutter لازم است و همچنین ابزارهای توسعه ای که در دسترس هستند اما به دستگاه متصل نیستند، تجزیه و تحلیل می کند.

مرحله 7: در صورت گزارش توسط Flutter doctor ، جدیدترین ابزارهای Xcode را نصب کنید.

مرحله 8: در صورت گزارش توسط Flutter doctor ، آخرین Android Studio و SDK را نصب کنید.

مرحله 9: در مرحله بعد، باید یک شبیه ساز iOS راه اندازی کنید یا یک دستگاه آیفون را برای توسعه یک برنامه iOS به سیستم متصل کنید.

مرحله 10: دوباره یک شبیه ساز اندروید راه اندازی کنید یا یک دستگاه اندرویدی را برای توسعه یک برنامه اندروید به سیستم متصل کنید.

مرحله 11: اکنون افزونه Flutter و Dart را برای ساخت اپلیکیشن Flutter در اندروید استودیو نصب کنید. این پلاگین ها یک قالب برای ایجاد یک برنامه Flutter ارائه می دهند، گزینه ای برای اجرا و اشکال زدایی برنامه Flutter در خود Android Studio می دهند.