مقدمة إلى يومان

Yeoman هو أحد الأطفال الرائعين في الفناء ، وهو جهد مشترك للعديد من المطورين المحترمين لتوفير أداة تبسط إعداد وإدارة مشاريع تطبيقات الويب

تحذير: هذا المنشور قديم وقد لا يعكس حالة الفن الحالية

Yeoman هو أحد الأطفال الرائعين في الفناء ، وهو جهد مشترك للكثير من المطورين المحترمين لتوفير أداة تبسط إعداد وإدارة مشاريع تطبيقات الويب: قضاء وقت أقل في تعلم أدوات مختلفة ، ومزيد من الاتساق وسهولة الاستخدام .

هناك الكثير من النقاط التي تهمك في يومان ، وأهمها:

  • إنه مبني على أدوات صلبة لتوفير وصول سهل وسريع ودون تفكير. لا يعيد اختراع العجلة.
  • إنها أداة سقالة لأكثر الإطارات شيوعًا ، مثل Bootstrap و Ember.js و Angular.js و Backbone.js
  • بفضلتعريش(مدير حزمة الواجهة الأمامية مشابه لـ Jam و Volo و Ender - ولكن أفضل) ، فهو يحتوي على مساعدين للتثبيت السريع وإلغاء التثبيت والتحديث للملفات الشائعة مثل jQuery و Underscore.js و Modernizer و Mocha و Backbone وأي حزمة Bower موجودة بالفعل .
  • يحتوي على اختبار مدمج ، باستخدام mocha مقابل مثيل PhantomJS (متصفح بدون رأس) عند إطلاقه من سطر الأوامر ، أو بخلاف ذلك ، يتم تشغيل الاختبارات في المتصفح عند فتح صفحة test / index.html في المتصفح.
  • يوفر خادم Python HTTP لاختبار التعليمات البرمجية الخاصة بك. عندما يكون خادم الويب قيد التشغيل ، فإنه يستمع إلى تغييرات الملف في مشروعك ويعيد تحميل المتصفح عندما تحتوي الصفحة التي فتحتها على تبعيات على ملف تم تغييره. لذلك ، لا تحتاج حتى إلى خلفية في مكانها قبل البدء في كتابة كود الواجهة الأمامية.

إن بناء مشروع يومان أمر سهل. أولاً ، قم بتثبيته:

$ curl -L get.yeoman.io | sh

ثم أدخل في دليل فارغ واكتب

$ yeoman init

سيقدم لك هذا شاشة ترحيب ، وقائمة بالخيارات لما ترغب في إضافته إلى المشروع.

يمكنك بدء مشروع Ember.js جديد عن طريق الكتابة

$ yeoman init ember

يؤدي ذلك إلى إنشاء تطبيق Ember.js جديد وإنشاء مجموعة أساسية من النماذج ووحدات التحكم وطرق العرض / القوالب (وأدلةها) وإضافة علامات البرنامج النصي لجميع التبعيات (jQuery و Handlebars) وإنشاء ملف index.html استنادًا إلى HTML5 مشروع المرجلhttp://html5boilerplate.com/.

يمكنك استخدام Yeoman لتشغيل المشروع وتحديث التبعيات في مشروعك وإجراء الاختبارات وما إلى ذلك. وعندما يكون المشروع جاهزًا للنشر ، يمكنك الاستفادة من Grunthttps://github.com/cowboy/gruntبنيت في Yeoman من خلال تسمية "yeoman build" ، بحيث يتم فحص ، وتجميع كل شيء للإنتاج ، وتسلسل وتقليل النص والأنماط ، وضغط الصور وما إلى ذلك.


المزيد من دروس devtools: