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:
- مقدمة إلى يومان
- Bower ، مدير حزمة المتصفح
- مقدمة في اختبار الواجهة الأمامية
- استخدام node-webkit لإنشاء تطبيق سطح مكتب
- رمز VS: استخدم الإعدادات الخاصة باللغة
- مقدمة إلى Webpack
- دليل موجز وبسيط عن بابل
- مقدمة في الغزل
- نظرة عامة على Browser DevTools
- تنسيق التعليمات البرمجية الخاصة بك مع Prettier
- حافظ على الكود الخاص بك نظيفًا مع ESLint
- قائمة بنصائح وحيل Chrome DevTools الرائعة
- اختبار JavaScript مع Jest
- كيفية استخدام Visual Studio Code
- مقدمة في الإلكترون
- Parcel ، حزمة ويب أبسط
- مرجع Emmet لـ HTML
- محرك جافا سكريبت V8
- تكوين رمز VS
- تكوين سطر أوامر macOS
- كيفية تعطيل قاعدة ESLint
- كيفية فتح VS Code من سطر الأوامر
- كيفية إعداد إعادة التحميل الساخن على Electron