من المفترض أن يكون CoreUI هو الذي يغير قواعد اللعبة في تجربة المستخدم. الكود النقي والشفاف يخلو من المكونات الزائدة، لذا فإن التطبيق خفيف بما يكفي لتقديم تجربة مستخدم مثالية. وهذا يعني أيضًا الأجهزة المحمولة، حيث يكون التنقل سهلاً وبديهيًا تمامًا كما هو الحال على سطح المكتب أو الكمبيوتر المحمول. تتيح لك واجهة برمجة تطبيقات CoreUI Layout API تخصيص مشروعك لأي جهاز تقريبًا - سواء كان جهازًا محمولاً أو ويب أو WebApp - يغطي CoreUI كل هذه الأجهزة!
الموضوع الافتراضي | موضوع الضوء |
---|---|
الموضوع الحديث | موضوع مشرق |
---|---|
git clone https://github.com/coreui/coreui-free-angular-admin-template.git
قبل أن تبدأ، تأكد من أن بيئة التطوير لديك تتضمن Node.js®
ومدير حزم npm
.
يتطلب Angular 19 إصدار Node.js
LTS ^18.19.1
أو ^20.11.1
.
node -v
في نافذة الوحدة الطرفية/وحدة التحكم.Node.js
، انتقل إلىnodejs.org. قم بتثبيت Angular CLI عالميًا باستخدام نافذة طرفية/وحدة تحكم.
npm install -g @angular/cli
$ npm install
$ npm update
# dev server with hot reload at http://localhost:4200
$ npm start
انتقل إلى http://localhost:4200. سيتم إعادة تحميل التطبيق تلقائيًا إذا قمت بتغيير أي من الملفات المصدر.
قم بتشغيل build
لبناء المشروع. سيتم تخزين عناصر البناء في الدليل dist/
.
# build for production with minification
$ npm run build
ستجد ضمن التنزيل الدلائل والملفات التالية، والتي تقوم بتجميع الأصول المشتركة بشكل منطقي وتوفير الاختلافات المجمعة والمصغرة. سترى شيئا مثل هذا:
coreui-free-angular-admin-template
├── src/ # project root
│ ├── app/ # main app directory
| │ ├── icons/ # icons set for the app
| │ ├── layout/ # layout
| | │ └── default-layout/ # layout components
| | | └── _nav.js # sidebar navigation config
| │ └── views/ # application views
│ ├── assets/ # images, icons, etc.
│ ├── components/ # components for demo only
│ ├── scss/ # scss styles
│ └── index.html # html template
│
├── angular.json
├── README.md
└── package.json
تتم استضافة الوثائق الخاصة بقالب إدارة CoreUI على موقعنا الإلكتروني CoreUI for Angular
تم إنشاء هذا المشروع باستخدام Angular CLI الإصدار 18.0.0.
من أجل الشفافية في دورة الإصدار الخاصة بنا وفي السعي للحفاظ على التوافق مع الإصدارات السابقة، يتم الاحتفاظ بقالب الإدارة المجاني لـ CoreUI بموجب إرشادات الإصدار الدلالي.
راجع قسم الإصدارات في مشروعنا للاطلاع على سجلات التغيير لكل إصدار إصدار.
قم بتشغيل ng serve
لخادم التطوير. انتقل إلى http://localhost:4200/
. سيتم إعادة تحميل التطبيق تلقائيًا إذا قمت بتغيير أي من الملفات المصدر.
قم بتشغيل ng generate component component-name
لإنشاء مكون جديد. يمكنك أيضًا استخدام ng generate directive|pipe|service|class|guard|interface|enum|module
.
قم بتشغيل ng build
لبناء المشروع. سيتم تخزين عناصر البناء في الدليل dist/
.
قم بتشغيل ng test
لتنفيذ اختبارات الوحدة عبر Karma.
قم بتشغيل ng e2e
لتنفيذ الاختبارات الشاملة عبر منصة من اختيارك. لاستخدام هذا الأمر، تحتاج أولاً إلى إضافة حزمة تنفذ إمكانات الاختبار الشامل.
للحصول على مزيد من المساعدة حول Angular CLI، استخدم ng help
أو قم بمراجعة صفحة نظرة عامة على Angular CLI ومرجع الأوامر.
لوكاس هولتشيك
فريق CoreUI
احصل على تحديثات حول تطوير CoreUI وتحدث مع مشرفي المشروع وأعضاء المجتمع.
CoreUI هو مشروع مفتوح المصدر مرخص من MIT وهو مجاني تمامًا للاستخدام. ومع ذلك، فإن مقدار الجهد اللازم للحفاظ على الميزات الجديدة للمشروع وتطويرها لا يمكن استدامته دون دعم مالي مناسب. يمكنك دعم التطوير عن طريق شراء CoreUI PRO أو من خلال أن تصبح راعيًا عبر Open Collective.
ادعم هذا المشروع بأن تصبح الراعي البلاتيني. ستتم إضافة شعار شركة كبير هنا مع رابط إلى موقع الويب الخاص بك.
ادعم هذا المشروع بأن تصبح الراعي الذهبي. ستتم إضافة شعار شركة كبير هنا مع رابط إلى موقع الويب الخاص بك.
ادعم هذا المشروع بأن تصبح الراعي الفضي. ستتم إضافة شعار الشركة المتوسطة هنا مع رابط إلى موقع الويب الخاص بك.
ادعم هذا المشروع بأن تصبح الراعي البرونزي. ستظهر الصورة الرمزية للشركة هنا مع رابط إلى ملف تعريف OpenCollective الخاص بك.
شكرا لجميع الداعمين والرعاة! ادعم هذا المشروع بأن تصبح داعمًا.
حقوق الطبع والنشر لعام 2024 لشركة CreativeLabs Łukasz Holeczek.
تم إصدار الكود بموجب ترخيص MIT. هناك قيد واحد فقط وهو عدم إمكانية إعادة توزيع CoreUI كمخزون. لا يمكنك القيام بذلك إذا قمت بتعديل CoreUI. في الماضي، واجهنا بعض المشاكل مع الأشخاص الذين حاولوا بيع قوالب تعتمد على CoreUI.