vue crane

رافعة فيو (غير قابلة للصيانة)

نموذج Vue عالمي، معياري، متعدد الصفحات، ومكدس كامل للتعامل مع المشروع الضخم. استنادًا إلى Node.js وExpress وPM2 وLerna وWebpack وBabel وVue.js وElement وPostCSS.

سمات

• element-ui كأدوات مساعدة لواجهة المستخدم.
• يجمع بين prettier و ESlint في خطاف ما قبل الالتزام باستخدام lint-staged . توقف عن القلق بشأن تسلل التعليمات البرمجية إلى قاعدة التعليمات البرمجية الخاصة بك.
• pm2 كمدير عملية الإنتاج.
• برنامج http-proxy-middleware لوكيل واجهة برمجة تطبيقات الخادم البعيد لتجنب خطأ CORS.
• استخدم webpack dll لتحسين أداء وقت البناء.
• دعم dynamic webpack entry من خلال cli.
• lerna لإدارة مشاريع متعددة في مشروع واحد.
• postcss للجيل القادم من المعالجات المسبقة لـ CSS.
• الجمع بين خادم التطوير والإنتاج في خادم express واحد.
• winston كنظام المسجل.
• دعم تخصيص جهاز التوجيه السريع.
• إنشاء مشروع حزمة للنشر تلقائيًا.

ابدء

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

إدخال حزمة الويب الديناميكية

خلال عمر التطوير في مشروع ضخم. إن السماح لـ webpack ببناء الملف الضروري هو أكثر ملاءمة بدلاً من بناء المشروع بأكمله. تستخدم vue-crane cli كمدخل للسماح للمستخدم باختيار الوحدة التي يريد تطويرها.

تطوير جانب الخادم

ابدأ تشغيل خادم إنتاج محلي مع إعادة التحميل السريع باستخدام nodemon .

$ npm install
$ npm run build
$ npm run local 

إنتاج

هناك 3 بيئات إنتاج في vue-crane:

• بيئة Test
• بيئة Pre-Release
• Release البيئة

تحتوي كل بيئة على برنامج نصي لبدء التشغيل خاص بها:

بيئة الاختبار:

$ npm run stage

بيئة ما قبل الإصدار:

$ npm run pre

بيئة الإصدار:

$ npm run release

النشر

تستخدم vue-crane مشروع حزمة يسمى vue-crane-bundle للنشر. في كل مرة تريد تكرار إصدار جديد، ما عليك سوى تنفيذ برنامج نصي Shell. سيتم تسوية جميع الأشياء في مشروع الحزمة الخاص بك. هناك ثلاث فوائد لاستخدام مشروع الحزمة للنشر:

• الحفاظ على اتساق تبعيات الخادم في بيئات مختلفة.
• العودة السريعة إلى الإصدار السابق أثناء حدوث خطأ.
• قم بنشر الملفات الضرورية فقط على خادم الإنتاج عبر الإنترنت.

خطوة النشر

1. أنشئ مستودع git فارغًا كمشروع الحزمة الخاص بك. أضف عنوان URL بعيدًا إلى أي خدمة استضافة لمستودع git. تأكد من أن مشروع الحزمة الخاص بك موجود في نفس مستوى المجلد مع مشروعك المصدر.

2. تحرير البرنامج النصي للحزمة في package.json . يلزم توفير ثلاث معلمات: source_project ، bundle_project ، release_branch .

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. تنفيذ البرنامج النصي للحزمة.

$ npm run bundle

رخصة

رخصة معهد ماساتشوستس للتكنولوجيا (MIT). يرجى الاطلاع على ملف الترخيص لمزيد من المعلومات.