design system starter
1.0.0
تم إيقاف تشغيل نظام تصميم الحكومة الأسترالية على صفحة مجتمعنا لمزيد من المعلومات
ابدأ بقوالب الصفحة الكاملة باستخدام نظام تصميم الحكومة الأسترالية.
تصفح قوالب الصفحة الكاملة باستخدام نظام تصميم الحكومة الأسترالية.
استنساخ هذا المستودع لإنشاء بيئة تطوير محلية والبدء في تعديل القوالب.
تستخدم Pack Starter NPM (Manager Node Package) لإعداد بيئة تطوير محلية وتثبيت مكونات نظام التصميم. مدير الحزمة الافتراضي للعقدة هو NPM. عند تنزيل العقدة ، تأتي NPM مثبتة مسبقًا.
تأكد من تثبيت NPM والعقدة على جهاز الكمبيوتر الخاص بك. يمكنك متابعة تعليمات NPM إذا كنت غير متأكد.
قم بتنزيل هذا المستودع أو استنساخه أو شوكة هذا المستودع في مجلد على جهاز الكمبيوتر الخاص بك.
في سطر الأوامر ، انتقل إلى هذا المجلد وقم بتشغيل npm install . سيؤدي ذلك إلى تثبيت التبعيات اللازمة لبيئة التنمية المحلية.
يجب أن تكون الآن جاهزًا لبدء تشغيل الخادم المحلي عن طريق تشغيل npm run watch . سيؤدي ذلك إلى مشاهدة التغييرات على ملفات *.scss ، وإنشاء ملفات *.css جديدة وتحديث المتصفح.
بناء الصورة:
$ docker build -t ds-starter .ثم قم بتشغيل الصورة ورسم خريطة مستوى الصوت. ملاحظة: $ pwd غير مدعوم في Windows.
$ docker run --rm --volume= " $PWD :/app " -p 3000:3000 -it ds-starter⬆ العودة إلى الأعلى
في الدليل الخاص بك لديك ملف package.json . يشير هذا الملف إلى التبعيات للتثبيت عند تشغيل npm install . عند تشغيل npm install تقوم بتثبيت جميع مكونات نظام التصميم وحزم إضافية تتعلق ببيئة التطوير المحلية.
بعد تشغيل Pancake npm install ، يتحقق هذا من أن تبعياتك تعمل معًا وإنشاء docs/js/script.min.js و src/sass/_uikit.scss .
src/sass/main.scss يستورد _uikit.scss . يجب ألا تلمس ملف _uikit.scss كما تم إنشاؤه ، ولكن لا تتردد في تغيير ملف main.scss .
عندما يقوم المستخدم بتشغيل npm run build أو npm run watch نستخدم Node-Sass لتحويل ملف src/sass/main.scss إلى ملف docs/css/main.css . يتم تشغيل Autoprefixer بعد التجميع لإضافة بادئات البائع إلى ملف main.css .
ارجع إلى البرامج النصية
package.jsonلكيفية إعداد هذا
يتيح لك هذا الإعداد تعديل المتغيرات في ملف نظام التصميم من ملف main.scss . يمكنك إضافة نظام الألوان الخاص بك ، أو تغيير الطباعة والتباعد. يجب إضافة التعديلات على المكونات أو المكونات الإضافية أسفل استيراد _uikit.scss . سيتم حقن التغييرات في هذه الملفات في متصفحك حتى لا تحتاج حتى إلى التحديث بفضل مزامنة المتصفح.
يحتوي مجلد docs في جميع الملفات المطلوبة لنشر موقع ويب. يشير ملف index.html إلى أصول ملف main.css و script.min.js لإنشاء الصفحة. نسمي docs المجلد لأن صفحات GitHub تستخدم مجلد المستندات لاستضافة مواقع الويب الثابتة.
⬆ العودة إلى الأعلى
Node.js 8 أو أعلى ، ويفضل أن يكون إصدار LTS الحالي.ملاحظة: إذا كنت تتطور على Windows ، فيرجى التأكد من أن تكوين
npmالمحلي الخاص بك يستخدم قذيفة تدعم مسار UNIX مثل المجلد (أيa/unix/pathبدلاً منa\windows\path).
⬆ العودة إلى الأعلى
للمساهمة في حزمة بداية نظام تصميم الحكومة الأسترالية:
⬆ العودة إلى الأعلى
حقوق الطبع والنشر (ج) كومنولث أستراليا. باستثناء معطف الأسلحة الكومنولث وحيثما لوحظ خلاف ذلك ، يتم ترخيص هذا العمل بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.
⬆ العودة إلى الأعلى
