اليوم ، دعنا نتعلم كيفية تثبيت Ionic لإنشاء تطبيق صغير بسيط على جهاز الكمبيوتر الخاص بك. العديد من مواقع الويب تكتب طرق تثبيت معقدة للغاية. في الواقع ، المبتدئون الذين بدأوا للتو في تعلم أيوني ، وخاصة أولئك الذين ليس لديهم خبرة كبيرة في البرمجة ، هل سيخافون؟ إنه شعور معقد للغاية ، أي نوع من بيئة Node.js مطلوبة لتثبيت ، وتثبيت أحدث إصدار من Cordova ... في الواقع ، لا يحتاج إلى أن تكون مزعجة للغاية. دعني أخبرك كيف أستخدم Ionic عندما أعمل في المشاريع.
الطريقة الأولى: أقدمها مباشرة
الخطوة 1: قم بتنزيل Ionic أولاً
تم تنزيل أحدث إصدار من Ionic على: http://ionicframework.com/docs/overview/#download.
بعد التنزيل ، قم بفك ضغط الحزمة المضغوطة ، بما في ذلك الدلائل التالية:
نسخة الكود كما يلي:
CSS/ => ملف النمط
Fonts/ => ملف الخط
JS/ => ملف JavaScript
الإصدار. json => تعليمات تحديث الإصدار
يمكنك أيضًا تنزيل ملف المورد التالي على github: https://github.com/driftyco/ionic (في دليل الإصدار).
الخطوة 2: تقديم الملفات
بعد ذلك ، نحتاج فقط إلى تقديم ملفات CSS/ionic.min.css و JS/ionic.bundle.min.js في الدليل أعلاه في المشروع لإنشاء تطبيق أيوني.
<ion-header-bar> <h1> Hello World! </h1> </ion-Header-Bar> <-ion-content> <p> أول تطبيقي الأيوني. </p> </ion-content>
ملاحظة: في تطبيقات الهاتف المحمول مثل PhoneGap ، نحتاج فقط إلى إضافة ملفات JS و CSS المقابلة إلى مكتبة الموارد.
الطريقة الثانية: تثبيت سطر الأوامر
أولاً ، تحتاج إلى تثبيت Node.js. ثم قم بتثبيت أحدث إصدارات Cordova و Ionic من خلال أداة سطر الأوامر. التثبيت من خلال الإشارة إلى وثائق Android و iOS الرسمية.
افتح أداة سطر الأوامر على النافذة و Linux لتنفيذ الأمر التالي:
نسخة الكود كما يلي:
$ NPM تثبيت -g cordova ionic
استخدم الأوامر التالية على نظام Mac الخاص بك:
نسخة الكود كما يلي:
sudo npm تثبيت -g cordova ionic
نصيحة: يجب تثبيت iOS واستخدامها تحت بيئات Mac OS X. و Xcode.
إذا قمت بتثبيت البيئة أعلاه ، فيمكنك تنفيذ الأمر التالي لتحديث الإصدار:
نسخة الكود كما يلي:
تحديث NPM -g Cordova Ionic
أو
نسخة الكود كما يلي:
Sudo NPM Update -G Cordova Ionic
إنشاء تطبيق
قم بإنشاء تطبيق أيوني باستخدام قالب التطبيق الجاهز الذي يوفره أيوني ، أو مشروع فارغ:
نسخة الكود كما يلي:
$ ionic start myapp tabs
قم بتشغيل المشروع الأيوني الذي أنشأناه للتو
قم بإنشاء التطبيقات الخاصة بك أو اختبارها أو تشغيلها باستخدام الأداة الأيونية (أو إنشاء مباشرة عبر Cordova).
إنشاء تطبيق Android:
نسخة الكود كما يلي:
$ cd myapp
$ ionic platform إضافة Android
$ ionic بناء Android
$ ionic محاكاة Android
إنشاء تطبيق iOS:
نسخة الكود كما يلي:
$ cd myapp
$ ionic منصة إضافة iOS
$ ionic build iOS
$ ionic محاكاة iOS