2.0 KiB
2.0 KiB
title | localeTitle |
---|---|
Hello World In Ionic | مرحبا العالم في الأيونية |
مرحبا العالم في الأيونية !!
هذه هي المقالة الافتتاحية التي ستتم من خلالك لجعل برنامج Hello World simlple في Ionic.
خطوات
1. تثبيت ionic
، npm
، angular
و cordova
إذا لم يتم تثبيت. [انظر المقدمة الأولى لمزيد من المعلومات]
sudo apt-get install nodejs sudo apt-get install npm sudo npm install -g ionic cordova
2. قم بإنشاء مجلد باسم helloworld
ionic start helloworld blank
ملحوظة: حيث أن هذا هو مشروع صغير أدخل لا أو N عند المطالبة أثناء تنفيذ البرنامج.
3. قم بتغيير الدليل إلى helloworld
[هذا هو دليلك الأيوني]
cd helloworld
4. افتح المجلد في محرر النص الخاص بك. سترى مختلف الملفات والمجلدات الفرعية.
لا داعي للذعر يتم إنشاء هذه الملفات تلقائيًا بواسطة npm. اذهب إلى src
-> page
-> home
-> home.html
.
5. تنسيق الملف الأساسي
`` home.html
is the html page where you can write html syntax.
home.scss
is the css page to write css syntax.
home.ts
is the typescript page to write typescript code.
``
6. احذف القالب وأضف بناء الجملة html كما هو موضح في الصورة.
` Ionic Project
Hello World
```7. Save the code and run
`
الصدف خدمة الأيونية `` `