Flutter - Installation تنصيب إطار الرفرفة فلاطر

 Flutter - Installation تنصيب إطار الرفرفة فلاطر

Flutter - Installation تنصيب إطار الرفرفة فلاطر

Flutter - Installation تنصيب إطار الرفرفة فلاطر

سيرشدك هذا الفصل خلال عملية تثبيت Flutter على الكمبيوتر المحلي بالتفصيل.

التثبيت في Windows

في هذا القسم ، دعنا نرى كيفية تثبيت Flutter SDK ومتطلباته في نظام windows.

الخطوة 1 - انتقل إلى URL ، https://flutter.dev/docs/get-started/install/windows وقم بتنزيل أحدث Flutter SDK. اعتبارًا من أبريل 2019 ، الإصدار هو 1.2.1 والملف flutter_windows_v1.2.1-stable.zip.

الخطوة 2 - قم بفك ضغط أرشيف zip في مجلد ، قل C: \ flutter \

الخطوة 3 - قم بتحديث مسار النظام لتضمين دليل سلة الرفرفة.

الخطوة 4 - يوفر Flutter أداة  رفرفة Flutter للتحقق من تلبية جميع متطلبات تطوير الرفرفةFlutter .

flutter doctor
الخطوة 5 - سيؤدي تشغيل الأمر أعلاه إلى تحليل النظام وإظهار تقريره كما هو موضح أدناه -

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version
10.0.17134.706], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.
يقول التقرير أن جميع أدوات التطوير متوفرة ولكن الجهاز غير متصل. يمكننا إصلاح ذلك عن طريق توصيل جهاز android عبر USB أو بدء تشغيل محاكي android.

الخطوة 6 - قم بتثبيت أحدث إصدار من Android SDK ، إذا أبلغ عنه Flutter doctor الرفرفة

الخطوة 7 - قم بتثبيت أحدث إصدار من Android Studio ، إذا أبلغ عنه Flutter doctorالرفرفة

الخطوة 8 - ابدأ تشغيل محاكي android أو قم بتوصيل جهاز android حقيقي بالنظام.

الخطوة 9 - تثبيت المكون الإضافي Flutter and Dart لـ Android Studio. يوفر نموذجًا لبدء التشغيل لإنشاء تطبيق Flutter جديدًا ، وخيارًا لتشغيل تطبيق Flutter وتصحيحه في استوديو Android نفسه ، وما إلى ذلك ،

افتح Android Studio.


انقر فوق ملف → إعدادات → المكونات الإضافية.

حدد المكون الإضافي Flutter وانقر فوق تثبيت.

انقر فوق نعم عندما يُطلب منك تثبيت المكون الإضافي Dart.

أعد تشغيل Android studio.

التثبيت في نظام MacOS

لتثبيت Flutter على نظام MacOS ، سيتعين عليك اتباع الخطوات التالية -

الخطوة 1 - انتقل إلى URL ، https://flutter.dev/docs/get-started/install/macos وقم بتنزيل أحدث Flutter SDK. اعتبارًا من أبريل 2019 ، الإصدار هو 1.2.1 والملف flutter_macos_v1.2.1- stabil.zip.

الخطوة 2 - قم بفك ضغط أرشيف zip في مجلد ، قل / path / to / flutter

الخطوة 3 - قم بتحديث مسار النظام ليشمل دليل flutter bin (في ملف ~ / .bashrc).

> export PATH = "$PATH:/path/to/flutter/bin"
الخطوة 4 - قم بتمكين المسار المحدث في الجلسة الحالية باستخدام الأمر أدناه ثم تحقق منه أيضًا.

source ~/.bashrc
source $HOME/.bash_profile
echo $PATH
يوفر Flutter أداة  رفرفة Flutter للتحقق من تلبية جميع متطلبات تطوير الرفرفة Flutter. إنه مشابه لنظير Windows.

الخطوة 5 - قم بتثبيت أحدث XCode ، إذا أبلغ flutter doctor الرفرفة

الخطوة 6 - قم بتثبيت أحدث إصدار من Android SDK ، إذا أبلغ عنه Flutter doctor الرفرفة

الخطوة 7 - قم بتثبيت أحدث إصدار من Android Studio ، إذا أبلغ عنه  Flutter doctor

الخطوة 8 - ابدأ محاكي android أو قم بتوصيل جهاز android حقيقي بالنظام لتطوير تطبيق android.

الخطوة 9 - افتح محاكي iOS أو قم بتوصيل جهاز iPhone حقيقي بالنظام لتطوير تطبيق iOS.

الخطوة 10 - قم بتثبيت المكون الإضافي Flutter and Dart لـ Android Studio. يوفر نموذج بدء التشغيل لإنشاء تطبيق Flutter جديد وخيار تشغيل تطبيق Flutter وتصحيحه في استوديو Android نفسه ، وما إلى ذلك

افتح Android Studio

انقر فوق التفضيلات → المكونات الإضافية

حدد المكون الإضافي Flutter وانقر فوق تثبيت

انقر فوق نعم عندما يُطلب منك تثبيت المكون الإضافي Dart.

أعد تشغيل Android studio.