الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

هيكل عظمي

القفز بدء تطور الواجهة الأمامية. الهيكل العظمي هو HTML5 BOALERPLATE بناء على ROSID.

محتويات

  • سمات
  • متطلبات
  • يثبت
  • كيفية استخدام
    • يطور
    • ترجمة
    • واجهة المستخدم
  • عامل ميناء
  • استكشاف الأخطاء وإصلاحها

سمات

  • الهيكل العظمي هو قاعدة لجميع مشاريع الويب اليومية. قفز عملك وتطور دون البدء من الصفر. كل ما تحتاجه شوكة واحدة بعيدا.
  • يتم تشغيل هذا المشروع بواسطة Rosid ، وهو خادم ويب مع المعالجة المسبقة في الوقت المناسب. JS (مع Babel ، UglifyJS) ، Sass (مع CSSNANO ، Autoprefixer) و Nunjucks يمكن استخدامها مباشرة خارج الصندوق.
  • الهيكل العظمي هو مجرد البداية. شوكة وتوسيعها إلى احتياجاتك الخاصة. يمنحك الهيكل المحدد مسبقًا المرونة ويمكن تعديله بسهولة.

متطلبات

المعالين في الهيكل العظمي على ...

  • node.js (v8.5.0 أو الأحدث)
  • غزل

تأكد من تثبيت جميع التبعيات وتحديثها قبل أن تتفرج وإعداد الهيكل العظمي.

يثبت

تثبيت جميع التبعيات المطلوبة مع الغزل قبل البدء في التطور. 

yarn install

كيفية استخدام

يطور

ابدأ في تطوير الأمر التالي. سيفتح المتصفح ، وانتظر تغييرات الكود والتحميل المباشر على الفور عند تحديث ملفاتك. سيتم تجميع JS و Sass و Nunjucks أثناء الطيران. 

yarn start

ترجمة

جاهز لوقت الذروة؟ قم بتصدير جميع الملفات ، ومجمعها وإعدادها لجمهورك. قم بتحميل dist/ المجلد النهائي إلى الخادم والاسترخاء. خذ مقعدًا واستمتع برغر لذيذ من مطعمك المفضل. 

yarn run compile

واجهة المستخدم

يتضمن الهيكل العظمي Malvid لمساعدتك في بناء وتوثيق مكونات الويب. ابدأ خادم التطوير و Open /index.html في متصفحك. يمكن تغيير المسار إلى واجهة المستخدم في rosidfile.js .

عامل ميناء

يتيح لك Dockerfile المضمّن إنشاء صورة تجمع موقعك. في هذه الحالة ، يجب تثبيت Docker فقط على النظام. لا يلزم تبعيات أخرى.

يبني

بناء صورة من Dockerfile. يجب أن يتم ذلك في كل مرة تقوم فيها بتعديل المشروع. سيتم نسخ المصدر الجديد في الصورة. 

docker build -t electerious/skeleton .

ترجمة

ابدأ حاوية لتجميع موقعك. ستخرج الحاوية تلقائيًا عند الانتهاء من جميع المهام. سيحتوي الصوت المكون على جميع الملفات المترجمة. 

docker run --rm -tv " $( pwd ) /dist:/dist " electerious/skeleton

استكشاف الأخطاء وإصلاحها

  • قم بتثبيت أحدث إصدار من Node.js والغزل
  • حذف node_modules وإعادة تثبيت جميع التبعيات
  • تحقق مما إذا كان المشروع يعتمد على أحدث إصدار من Rosid
  • حاول تجميع الموقع باستخدام Dockerfile المضمّن
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل